Informe as cores de primeiro plano e fundo para calcular o contraste WCAG e ver o status AA/AAA (processamento local).
Texto de exemplo
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Resultados
Relação de contraste:
-
AA (texto normal) ≥ 4.5
-
AA (texto grande) ≥ 3.0
-
AAA (texto normal) ≥ 7.0
-
AAA (texto grande) ≥ 4.5
-
Cor de primeiro plano sugerida
Usar preto:
-
Usar branco:
-
Como usar
- Clique nos seletores de cor de primeiro plano e fundo ou digite códigos HEX.
- Veja a relação de contraste calculada (ex.: 4.5:1).
- Verifique o status de aprovação WCAG 2.1 AA/AAA para texto normal e grande.
- Use o menu de simulação de daltonismo para pré-visualizar diferentes condições visuais.
Dicas e FAQ
- WCAG AA exige no mínimo 4.5:1 para texto normal e 3.0:1 para texto grande.
- WCAG AAA exige no mínimo 7.0:1 para texto normal e 4.5:1 para texto grande.
- Se o contraste estiver baixo, use as sugestões «Usar preto» ou «Usar branco».
- Todos os cálculos são feitos localmente no navegador.
