Verificador de contraste de cores — WCAG AA/AAA
CorUm verificador de contraste de cores compara a luminância relativa da cor do texto e do fundo para calcular a relação de contraste WCAG e determinar se ela atende ou não aos critérios.
Tradução assistida por IA em revisão
Esta página foi traduzida com ajuda de IA e ainda não recebeu revisão profissional. Consulte as fontes citadas antes de usá-la em uma decisão importante.
O que é
Na acessibilidade web, o contraste de cores afeta a legibilidade do texto. A WCAG recomenda 4.5:1 para texto normal em AA, 3:1 para texto grande em AA e 7:1 para AAA.
relação de contraste = (mais claro + 0.05) / (mais escuro + 0.05)
Como usar
- 1Insira a cor HEX do texto.
- 2Insira a cor HEX do fundo.
- 3Confira a relação de contraste e o resultado AA/AAA.
Referência
| Texto | Fundo | Relação | Resultado |
|---|---|---|---|
| #111111 | #FFFFFF | 18.88:1 | AAA |
| #777777 | #FFFFFF | 4.48:1 | Não atende ao AA para texto normal |
Fontes e padrões
Perguntas frequentes
Qual é o requisito de contraste de texto da WCAG AA?
O texto normal precisa de pelo menos 4.5:1 e o texto grande de pelo menos 3:1 para atender à WCAG AA.
Os dados de contraste de cores são enviados para um servidor?
Não. Esta ferramenta é executada no seu navegador e não envia os dados para nenhum servidor.