Contrast Checker
Inspetor
Verifica o contraste entre duas cores segundo o WCAG.
Prévia
Texto normal de 16px para leitura contínua.
Texto grande 24px
Razão de contraste
14.35:1
Critérios WCAG
- AA · texto normal (≥ 4.5)Passa
- AA · texto grande (≥ 3.0)Passa
- AAA · texto normal (≥ 7.0)Passa
- AAA · texto grande (≥ 4.5)Passa
- Componentes de UI (≥ 3.0)Passa
Como usar
- Informe a cor do texto e a do fundo.
- Veja a razão de contraste e os critérios.
- Ajuste as cores até atingir o nível desejado.
Como funciona
A razão segue o WCAG 2.x: luminância relativa de cada cor com linearização sRGB exata, comparadas como (L1 + 0.05) / (L2 + 0.05).
Texto grande é definido como ≥ 24px (ou ≥ 18.66px em negrito); componentes de UI e elementos gráficos exigem 3.0.
Segurança e privacidade
- Processado apenas no seu navegador; nada é enviado a servidores.
- Nada é salvo em URL, favoritos ou armazenamento local.
Perguntas frequentes
AA ou AAA?
AA é o mínimo legal na maioria das jurisdições; AAA é recomendado para textos longos e públicos com baixa visão.
O resultado depende do monitor?
Não. A razão é matemática, calculada sobre os valores sRGB; monitores mal calibrados podem exibir diferente, mas o critério WCAG é sobre os valores.