Verificador Contraste Cor Grátis: WCAG AA AAA Acessibilidade Online
29 usosTexto de Amostra
The quick brown fox jumps over the lazy dog. 0123456789
15.39:1
Razão de Contraste
Dicas Acessibilidade
Ratio WCAG
AA: 4.5:1 texto normal, 3:1 grande. AAA: 7:1 e 4.5:1.
AA e AAA
Verde = cumpre, vermelho = não cumpre.
Texto exemplo
Preview com cores escolhidas.
Perguntas Frequentes
Que ratio preciso?
AA: 4.5:1 normal, 3:1 grande. AAA: 7:1 e 4.5:1.
O que é WCAG?
Diretrizes de acessibilidade de conteúdo web.
Como melhorar?
Escureça texto ou clareie fundo.
Posso testar texto sobre um fundo de imagem?
Não, esta ferramenta só funciona com pares de cores sólidas. Para imagens, você vai precisar de outro software. Tire um print da área e use um conta-gotas para amostrar os pixels mais claros e mais escuros sob o texto. Teste ambos contra a cor do seu texto. Se algum falhar, adicione uma sobreposição semitransparente atrás do texto — preto com 40% de opacidade costuma resolver.
Como Verificar
- Selecione cor texto
- Selecione cor fundo
- Ratio calculado na hora
- Cumprimento WCAG mostrado
- Preview com texto