Verificador de Contraste de Cores
Veja se duas cores têm contraste suficiente para leitura. Receba a razão e os resultados WCAG AA e AAA.
Como funciona
- 1
Informe a cor do texto
Um código HEX como #333333.
- 2
Informe a cor do fundo
Um código HEX como #ffffff.
- 3
Leia o resultado
A razão e aprovado/reprovado em cada nível WCAG.
Ferramentas relacionadas
Outras ferramentas que as pessoas usam logo depois desta.
Feito para não atrapalhar
487
Ferramentas disponíveis
6
Idiomas
0
Marcas d'água adicionadas
2h
Até seus arquivos serem apagados
100%
Grátis para começar
∞
Dispositivos compatíveis
Perguntas frequentes
No mínimo 4,5:1 para texto normal e 3:1 para texto grande, para passar no AA.
Texto acessível começa pelo contraste
A WCAG exige razão de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande no nível AA; o AAA sobe para 7:1 e 4,5:1. Texto grande é 24px normal ou 18,66px em negrito, ou mais.
A razão é calculada pela luminância relativa de cada cor, seguindo a fórmula da WCAG 2. Contraste suficiente ajuda todos — especialmente quem tem baixa visão ou usa a tela sob sol forte.