Texto
Contraste de cores (WCAG)
Ratio entre texto e fundo em hex — badges AA e AAA.
Análise local — senhas e textos não são enviados ao servidor.
Ratio: 18.88:1
Como usar
- 01
Informe cor do texto e do fundo (#RRGGBB).
- 02
Veja ratio e conformidade.
- 03
Ajuste até passar AA no mínimo.
Sobre esta ferramenta
Cálculo de luminância relativa conforme WCAG 2.x.
Acessibilidade começa no par foreground/background. Teste antes de publicar UI.
Quem busca contraste de cores wcag, “verificador de contraste” ou “contrast checker em português” encontra nesta página uma ferramenta grátis, em português, que roda no navegador — sem cadastro e sem enviar o que você digita a um servidor.
Perguntas frequentes
Dados enviados?+
Não. Tudo roda no navegador.
É gratuito?+
Sim.
Qual contraste mínimo a WCAG exige?+
No nível AA, 4,5:1 para texto normal e 3:1 para texto grande. No AAA, 7:1 para texto normal e 4,5:1 para texto grande.
O que conta como texto grande?+
Pela WCAG, cerca de 24 px em peso normal ou 18,66 px (14 pt) em negrito. Abaixo disso vale o critério de texto normal.
A ferramenta aceita RGB ou nome de cor?+
Não, só hex de 6 dígitos no formato #RRGGBB. Se precisar converter, extraia o hex no editor de design ou no inspetor do navegador.
Guias sobre contraste de cores (wcag)
- Contraste WCAG: testar par texto/fundo antes do handoff
Ratio 4.5:1, AA grande e AAA — hex no navegador.
- Contraste de cores WCAG: verificador AA e AAA
Verifique o contraste de cores WCAG entre texto e fundo em hex: veja a razão e se passa em AA e AAA. Grátis, rápido e no navegador.