Verificador de contraste de cores
Verifique taxas de contraste WCAG para texto e interface acessíveis.
Visualizar
Um pequeno jabuti xereta viu dez cegonhas felizes
Taxa de contraste: 17.72:1
Sugestões AA
#0a0a0b
Taxa de contraste 19.79:1 · mais escuro
#000000
Taxa de contraste 21:1 · mais escuro
#26262b
Taxa de contraste 15.06:1 · mais claro
#35353b
Taxa de contraste 12.18:1 · mais claro
#43434c
Taxa de contraste 9.79:1 · mais claro
Como usar
- Digite ou escolha uma cor de primeiro plano.
- Digite ou escolha uma cor de fundo.
- Revise a taxa, os selos e as alternativas compatíveis com AA sugeridas.
Perguntas frequentes
O que é uma boa taxa de contraste?
Para texto normal, WCAG AA exige pelo menos 4.5:1 e AAA pelo menos 7:1.
O que conta como texto grande?
Texto grande geralmente é 18pt ou 14pt em negrito, com limite AA menor de 3:1.
Como as sugestões são geradas?
A ferramenta ajusta a luminosidade do primeiro plano em direção ao branco ou preto até a taxa atingir 4.5:1.
Ferramentas relacionadas
Gerador de paletas de cores
Crie paletas de cores harmoniosas com modos aleatório, análogo, complementar e triádico.
Conversor de cores
Converta cores entre HEX, RGB, HSL e HSV instantaneamente.
Simulador de daltonismo
Veja como imagens aparecem para os tipos comuns de daltonismo.
Gerador de gradientes de cor
Crie gradientes lineares CSS com cores e direções personalizadas.
Gerador de tons de cor
Gere escalas de tons claros e escuros com variáveis CSS exportáveis.
Localizador de nomes de cores
Encontre o nome de cor CSS mais próximo para qualquer valor de cor.