Verificador de contraste

Calcula a razão de contraste entre o fundo e o texto e diz se passa dos limites de acessibilidade web (WCAG AA e AAA), com prévia de texto real para julgar também no olho.

🎨 Tudo roda no seu navegador. Sem instalar nada, sem cadastro.

Cor de fundo

Cor do texto

Um título aparece assim

Texto corrido se lê mais ou menos com este peso.

Texto pequeno, como uma legenda, fica deste tamanho — a falta de contraste aparece aqui primeiro.

Razão de contraste

3.68 : 1

Só dá para usar em tamanhos grandes

Não passa

AA texto

4.5:1

Passa

AA grande

3:1

Não passa

AAA texto

7:1

Não passa

AAA grande

4.5:1

O que os níveis significam

· AA 4.5:1 — a base da acessibilidade web. Texto corrido precisa passar disso.
· 3:1 — a partir de 18pt (ou 14pt em negrito) o limite cai.
· AAA 7:1 — o nível mais rígido, às vezes exigido em sites do setor público.
O contraste é decidido pela diferença de luminosidade, não pelo matiz. É por isso que texto branco sobre amarelo não se lê, mesmo sendo cores diferentes.

O que esta ferramenta faz

Razão de contraste de 1 a 21
Passa ou não em AA e AAA
Veredito separado para texto grande
Ajusta a luminosidade até passar

Outras ferramentas de cor

Simulador de daltonismoComo uma cor aparece para quem tem deficiência de visão de cores Gerador de paletas de coresTire as cores que combinam com uma cor base, por regra Gerador de tons de corTransforme uma cor numa escala 50–900 Misturador de coresEncontre a cor que fica entre duas

As cores podem aparecer um pouco diferentes conforme a sua tela e o perfil de cor dela.