Teste o contraste entre texto e fundo contra os níveis WCAG AA e AAA, veja um preview ao vivo e receba uma cor acessível sugerida.
A razão de contraste mede a diferença de luminância entre duas cores e vai de 1:1 (cores idênticas) a 21:1 (preto sobre branco). As diretrizes de acessibilidade WCAG 2.1 exigem no mínimo 4,5:1 para texto normal e 3:1 para texto grande no nível AA, o patamar usado pela maioria das leis de acessibilidade, e 7:1 e 4,5:1 respectivamente no nível AAA, mais rigoroso. Componentes de interface e objetos gráficos (bordas de campos, ícones, gráficos) precisam de pelo menos 3:1 pelo critério 1.4.11. Esta ferramenta usa exatamente a fórmula de luminância relativa da WCAG, compõe cores translúcidas sobre o fundo antes de medir e, quando o contraste falha, sugere uma versão mais clara ou mais escura do texto que passa em AA, preservando o tom (matiz) original sempre que possível.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/verificador-contraste-cores"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Verificador de Contraste"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
AA é o nível de conformidade adotado pela maioria das legislações e exige 4,5:1 para texto normal e 3:1 para texto grande. AAA é mais rigoroso (7:1 e 4,5:1) e nem sempre é viável para todo o conteúdo. Para a maior parte dos sites, atingir AA já garante boa legibilidade; busque AAA em conteúdos críticos.
Texto grande de exemplo
Este é um parágrafo de texto normal usado para avaliar a legibilidade do contraste escolhido.
Botão / bordaAprovado no nível AAA para texto normal
Todo o cálculo de luminância e contraste acontece no seu navegador. Nenhuma cor é enviada a servidores.