Verificador de Contraste
Verifique o contraste segundo WCAG AA/AAA.
Bom contraste mantém o texto e a interface legíveis para todos, inclusive pessoas com baixa visão. Busque pelo menos 4,5:1 para o texto.
Um pequeno jabuti xereta viu dez cegonhas felizes
Um pequeno jabuti xereta viu dez cegonhas felizes
- Texto normal AA · 4.5
- Texto normal AAA · 7
- Texto grande AA · 3
- Texto grande AAA · 4.5
- Componentes de UI 3.0
Todas as conversões de cor são feitas localmente no seu navegador — nada é enviado, armazenado ou registrado.
Como funciona
- 1 Escolha uma cor de primeiro plano (texto).
- 2 Escolha uma cor de fundo.
- 3 Veja a relação de contraste e se passa ou não em AA/AAA.
- 4 Siga as sugestões até que passe.
Casos de uso comuns
- Garantir que o texto do corpo atende ao WCAG AA (4.5:1).
- Verificar as cores de botões e links quanto à acessibilidade.
- Validar uma paleta de marca antes de publicar.
- Evitar texto de baixo contraste, difícil de ler.
Perguntas frequentes
Os meus dados de cor são enviados para algum lugar?
Não. Cada conversão e cálculo é executado inteiramente no seu navegador — nada é enviado, armazenado ou registrado.
Quais relações os níveis AA e AAA exigem?
O nível AA exige 4.5:1 para texto normal e 3:1 para texto grande (≥18.66px em negrito ou ≥24px). O nível AAA exige 7:1 e 4.5:1. Componentes de interface e gráficos precisam de pelo menos 3:1.
Como a relação é calculada?
Usando a fórmula oficial do WCAG: (L1 + 0.05) / (L2 + 0.05), onde L1/L2 são a luminância relativa das cores mais clara e mais escura.
É realmente grátis?
Sim — grátis, sem cadastro, sem marca d'água e sem limites.