O que esta ferramenta faz
Teste um par de texto e fundo contra limites objetivos de contraste e mantenha os formatos de cor comuns no mesmo lugar.
Como usar
- Insira as cores HEX do texto e do fundo ou use os seletores de cores.
- Calcule a proporção de contraste e as quatro verificações AA e AAA de texto.
- Confira a amostra após o cálculo e copie a proporção, os resultados e os valores HEX, RGB e HSL.
Fórmula e método
Os canais sRGB são linearizados em luminância relativa. Proporção = (luminância clara + 0,05) ÷ (escura + 0,05); o valor não é arredondado antes do teste.
Exemplo
Preto sobre branco tem 21:1 e passa nas quatro verificações. #008580 sobre #FFFFFF tem aproximadamente 4,499954:1 e não passa em AA para texto normal porque está abaixo de 4,5:1.
Usos comuns
- Verificar cores de texto na web
- Converter HEX em RGB e HSL
- Revisar tokens antes da publicação
Limites e observações
Verifica apenas duas cores sólidas opacas. Não mede gradientes, imagens, transparência, renderização real da fonte nem indicadores de foco. Os resultados são de contraste de texto, não uma auditoria do contraste não textual ou de toda a acessibilidade.
Perguntas frequentes
Quais limites se aplicam?
A WCAG 2.2 exige pelo menos 4,5:1 para AA e 7:1 para AAA em texto normal; texto grande precisa de 3:1 e 4,5:1, respectivamente. O tamanho é verificado como fornecido, antes do zoom do usuário.
Passar torna a página acessível?
Não. Só é verificado o contraste das cores do texto. Estrutura, teclado, rótulos, contraste não textual e foco precisam de verificações separadas.