Verificador de Contraste de Cor
Verifique proporções de contraste de cor para conformidade WCAG 2.1. Valide padrões AA e AAA instantaneamente.
O que é a proporção de contraste WCAG?
A proporção de contraste WCAG mede a diferença de luminância entre cores de primeiro plano e fundo. Varia de 1:1 a 21:1.
Quais são os requisitos WCAG AA e AAA?
WCAG AA requer mínimo de 4.5:1 para texto normal e 3:1 para texto grande. AAA requer 7:1 e 4.5:1 respectivamente.
O que conta como texto grande?
Texto grande é definido como 18pt (24px) ou maior, ou 14pt (18.66px) negrito ou maior.
Por que o contraste de cor é importante?
Contraste adequado garante legibilidade para pessoas com deficiências visuais e melhora a legibilidade para todos.
Como calculo a proporção de contraste?
É calculada usando valores de luminância relativa. A fórmula é (L1 + 0.05) / (L2 + 0.05).
Qual é o contraste mínimo para elementos UI?
WCAG requer mínimo de 3:1 para componentes UI e objetos gráficos.
Posso usar qualquer combinação de cores?
Nem todas as combinações atendem padrões de acessibilidade. Use este verificador para validar.
O que é luminância relativa?
É o brilho percebido de uma cor, de 0 (preto) a 1 (branco). Calculada usando espaço de cor sRGB.
Devo verificar contraste em imagens?
Texto em imagens deve atender os mesmos requisitos. Para imagens decorativas não se aplica.
Quais ferramentas ajudam com contraste?
Use ferramentas de desenvolvedor do navegador, plugins de design ou verificadores online como este.