Verificar Contraste AA e AAA Online
Escolha as cores e veja os quatro níveis de conformidade (AA/AAA, normal/grande).
Texto de exemplo (grande)
Texto de exemplo em tamanho normal, para conferir a legibilidade.
Razão 17.40:1
AA (texto normal): Passa — mínimo 4,5:1
AA (texto grande): Passa — mínimo 3:1
AAA (texto normal): Passa — mínimo 7:1
AAA (texto grande): Passa — mínimo 4,5:1
"Texto grande" = 18pt (24px) ou 14pt (18,7px) em negrito, segundo as diretrizes WCAG 2.1.
Como funciona
A razão de contraste é calculada a partir da luminância relativa de cada cor (fórmula oficial do WCAG), comparando a mais clara com a mais escura. Quanto maior a razão (até 21:1), mais legível o texto fica sobre o fundo.
Como usar
Escolha as cores e veja os níveis.
Exemplo
Um texto que passa em AA mas não em AAA precisa de mais contraste para o nível mais alto.
Outras funções desta ferramenta