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.