Verificador de contraste WCAG
Meça a razão de contraste e confirme a aprovação nos níveis AA e AAA.
Texto
Fundo
Texto de exemplo
Parágrafo de apoio para avaliar a legibilidade real.
15.84:1
✓ AA (texto normal)
✓ AA (texto grande)
✓ AAA (texto normal)
✓ AAA (texto grande)
Como usar
O Verificador de contraste WCAG é uma ferramenta online e gratuita para trabalhar com cores direto no navegador, sem instalar nada e sem criar conta. Meça a razão de contraste e confirme a aprovação nos níveis AA e AAA.
Como usar
1. Abra a ferramenta e informe a cor de partida (código HEX, RGB, HSL ou uma imagem, conforme o caso).
2. Ajuste as opções disponíveis e veja o resultado atualizado em tempo real.
3. Copie o código gerado com um clique e cole direto no seu CSS, no Figma ou no seu editor de imagens.
Quando usar
Use esta ferramenta em projetos de design, identidade visual, sites, apps e materiais impressos, sempre que precisar de precisão nos códigos de cor e consistência entre telas e mídias. Ela também ajuda a documentar a paleta do projeto e a padronizar as cores usadas pela equipe.
Termos relacionados: contraste wcag, verificador de contraste, acessibilidade, aa aaa.
Todo o processamento acontece no seu navegador: as suas imagens e cores não são enviadas para servidores.