Conversor de cores
Converta HEX, RGB e HSL com transparência, veja a amostra e copie valores CSS prontos para usar.
Verificador de contraste
Confira o contraste conforme WCAG 2.2, com prévia e resultados AA e AAA para texto normal e grande.
Um texto legível deixa a mensagem mais clara.
Texto normal · Aa 123
Relação de contraste
Cálculo WCAG 2.2. Fundos transparentes são compostos sobre branco.
Sobre a ferramenta
Teste as cores realmente sobrepostas na página. Passar nesta verificação não comprova a acessibilidade do site inteiro.
Como usar
Escolha as cores do texto e do fundo. Texto normal exige relação de 4,5 para AA e 7 para AAA; texto grande exige 3 e 4,5. Considera-se grande a partir de 24 px, ou cerca de 18,67 px em negrito. Fundos transparentes são compostos sobre branco. Essa análise de cores não é uma auditoria completa de acessibilidade.
Perguntas frequentes
A partir de qual tamanho o texto é considerado grande?
A partir de 24px, ou cerca de 18,67px em negrito. Os limites AA/AAA são 4,5:1/7:1 para texto normal e 3:1/4,5:1 para texto grande. Fundos transparentes são primeiro compostos sobre branco.
Por que AA pode falhar mesmo mostrando 4,5:1?
O valor mostrado é arredondado para duas casas, mas a avaliação usa o valor não arredondado. Aumente o contraste até o indicador correspondente confirmar a aprovação.
Como verificar texto sobre uma foto ou um gradiente?
Teste as cores reais atrás do texto, principalmente onde o contraste é menor. A ferramenta compara duas cores e compõe fundos transparentes sobre branco; essa hipótese precisa corresponder à sua página.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0