Giga Useful ToolsCor
Contraste WCAG
Verifique se um par de cores passa em AA e AAA.
Tudo é processado no seu navegador. Nenhum arquivo é enviado a um servidor.
- 1Escolha ou digite o código hexadecimal da cor do texto.
- 2Escolha ou digite o código hexadecimal da cor de fundo.
- 3Veja a prévia e a taxa de contraste, e confira nos quatro selos quais níveis do WCAG ela atinge.
Qual é a diferença entre AA e AAA?+
São dois níveis de conformidade das diretrizes de acessibilidade WCAG. O AA é o nível mais exigido em requisitos legais e organizacionais: texto normal precisa de um contraste de pelo menos 4.5:1 (3:1 para texto grande). O AAA é mais rigoroso, exigindo 7:1 para texto normal e 4.5:1 para texto grande, e é recomendado quando possível, embora nem sempre seja obrigatório.
O que conta como “texto grande” segundo o WCAG?+
Texto de 18pt (24px) ou mais, ou de 14pt (cerca de 18,5px) ou mais se estiver em negrito. O texto grande tem uma exigência de contraste um pouco menor porque traços maiores e mais grossos continuam legíveis com menos contraste do que um texto pequeno.
Dá para digitar o código hexadecimal em vez de usar o seletor de cor?+
Sim, cada cor tem um seletor e um campo de texto ao lado, então você pode colar um valor exato como #1a1a1f diretamente, em vez de ficar clicando na roda de cores.