Verificador Contraste
WCAG e acessibilidade
Calculadora de Contraste WCAG
Verifique se as combinações de cores atendem aos padrões de acessibilidade WCAG.
Texto de exemplo grande
Este é um exemplo de texto normal que demonstra como o conteúdo aparece com esta combinação de cores. A legibilidade é fundamental para a acessibilidade.
Texto pequeno também deve ser legível para todos os usuários.
Razão de Contraste
21.00:1AAA
Texto Normal
AA(4.5:1)
AAA(7:1)
Texto Grande (18pt+ ou 14pt bold)
AA(3:1)
AAA(4.5:1)
Componentes de UI e Gráficos(3:1)