Verificador de contraste de cor

O verificador de contraste de cores mostra o contraste de duas cores de acordo com Web Content Accessibility Guidelines (WCAG) 2.0.

Verificador de Contraste de Cor

O verificador de contraste de cores suporta apenas valores de cores HEX e RGB. Se você quiser verificar o contraste de outros formatos de cores, converta-os primeiro.


Pré-visualizar

aaaa

Resultado

Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Explicação:

As Web Content Accessibility Guidelines (WCAG) 2.0 têm dois níveis de conformidade, o AA e o AAA. Para atender ao nível AA, o contraste entre o texto e o plano de fundo deve ser pelo menos de 4.5:1 para texto normal e 3:1 para texto grande. Já para atender ao nível AAA, a taxa de contraste é ainda maior, sendo de pelo menos 7:1 para texto normal e 4.5:1 para texto grande. O texto grande é definido como aquele com tamanho de 14 pontos (geralmente 18.66 px) em negrito ou maior, ou 18 pontos (geralmente 24 px) ou maior. Com o nosso verificador de contraste de cores, você pode facilmente verificar se suas escolhas de cores atendem aos padrões de acessibilidade da WCAG 2.0 e garantir que seu conteúdo possa ser lido por todos. Isso é especialmente importante para designers e desenvolvedores que desejam criar um site acessível e inclusivo para todos os usuários.