Verificador de acessibilidade de cor
Digite qualquer cor HEX para checar o contraste em fundos claros e escuros. Veja a relação, o resultado WCAG e a melhor escolha para texto.
#000000No branco
3.68:1Aa
Accessible sample text
No preto
5.71:1Aa
Accessible sample text
Como usar a ferramenta
- Digite uma cor HEX ou escolha com o seletor de cores.
- Revise a relação de contraste no branco e no preto.
- Use o resultado WCAG para escolher cores de texto e interface mais legíveis.
Por que o contraste importa
Um bom contraste melhora a leitura para mais pessoas, especialmente para quem tem baixa visão ou usa telas em ambientes difíceis.
O WCAG recomenda pelo menos 4,5:1 para texto normal e 3:1 para texto grande. Relações maiores costumam ser melhores para todos.
O cálculo acontece localmente no navegador, sem enviar seus dados.
Perguntas frequentes
O que é relação de contraste? ▼
É a diferença de luminância entre a cor do texto e o fundo. Quanto maior, mais fácil é ler.
Qual valor passa no WCAG para texto normal? ▼
Para WCAG AA, recomenda-se pelo menos 4,5:1 em texto normal.
O que conta como texto grande? ▼
Geralmente 18pt normal ou 14pt em negrito, caso em que 3:1 já atende AA.
Por que checar em branco e preto? ▼
Isso mostra rapidamente se a cor funciona melhor como texto claro ou escuro.
Isso é privado? ▼
Sim. Todo o cálculo é feito localmente no navegador.