Verificador de Contraste de Cor
Verifique as taxas de contraste WCAG AA e AAA entre cores de primeiro plano e fundo instantaneamente no seu navegador. Garanta que seus designs atendam aos padrões de acessibilidade.
Perguntas frequentes
O que é a taxa de contraste WCAG?
A taxa de contraste WCAG mede a diferença na luminância percebida entre duas cores. Uma taxa de 1:1 significa cores idênticas; 21:1 é o máximo (preto sobre branco). Taxas mais altas significam melhor legibilidade para pessoas com baixa visão.
Quais são os limites WCAG AA e AAA?
WCAG AA exige uma taxa de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande (18pt ou 14pt negrito). WCAG AAA (aprimorado) exige 7:1 para texto normal e 4,5:1 para texto grande.
Como a taxa de contraste é calculada?
Cada canal de cor (R, G, B) é linearizado a partir de sRGB, depois a luminância relativa L = 0,2126R + 0,7152G + 0,0722B é calculada. A taxa é (L_mais_claro + 0,05) / (L_mais_escuro + 0,05), dando um valor entre 1 e 21.