Verificador de Acessibilidade de Cores — Contraste WCAG e Simulação de Daltonismo
Um verificador gratuito de contraste WCAG 2.1 para testar qualquer combinação de cores em relação aos padrões de acessibilidade. Verifique a legibilidade do texto para conformidade nos Níveis AA e AAA — essencial para design web inclusivo.
Como Usar
1
Escolha ou insira cores de primeiro plano e plano de fundo usando os seletores de cores ou entradas hex/RGB.
2
Veja a visualização de texto ao vivo e verifique os resultados de conformidade WCAG AA/AAA.
3
Revise a faixa de simulação de daltonismo para ver como cada tipo de DVC percebe suas cores.
4
Se alguma verificação falhar, clique em uma alternativa sugerida para corrigir o par de cores instantaneamente.
5
Use o modo Paleta em Massa para verificar todas as combinações da paleta do seu sistema de design.
Verifique pares de cores para conformidade de contraste WCAG e distinguibilidade para daltônicos
Escolha duas cores para verificar a relação de contraste e visibilidade para daltônicos.
Primeiro Plano
Plano de Fundo
Texto Grande (18pt+)
Visualização de Título
Texto Normal (16px)
A rápida raposa marrom salta sobre o cão preguiçoso.
Visualização de texto do corpo — como seus usuários verão esta combinação de cores em conteúdo real.
Contraste WCAG 2.1
AA exige 4,5:1 para texto normal, 3:1 para grande. AAA exige 7:1 / 4,5:1.
12.63:1
AA Normal
Aprovado
AA Grande
Aprovado
AAA Normal
Aprovado
AAA Grande
Aprovado
Simulação de Daltonismo
Como seu par de cores aparece para pessoas com diferentes tipos de deficiência na visão de cores.
Alternativas Sugeridas
Alternativas de cores acessíveis que passam no WCAG AA e são distinguíveis em todos os tipos de DVC.
Verificação de Paleta em Massa
Cole 3–10 cores hex (uma por linha ou separadas por vírgula) para verificar todas as combinações de pares.
Publicado
Atualizado
