Resposta direta
A taxa de contraste de cores segundo as diretrizes WCAG 2.2 quantifica a diferença de luminância relativa entre a cor do texto e a cor de fundo em uma escala numérica de 1:1 (contraste nulo) a 21:1 (contraste máximo absoluto).
Como usar esta ferramenta
Defina as cores de texto e fundo
Insira os códigos cromáticos em formato HEX, RGB ou HSL, ou selecione-os visualmente.
Verifique a aprovação nas normas WCAG 2.2
Confira instantaneamente a conformidade para texto normal (4,5:1 AA / 7,0:1 AAA), texto grande (3,0:1 AA / 4,5:1 AAA) e componentes de interface (3,0:1 AA).
Aplique recomendações automáticas de ajuste
Utilize as alternativas sugeridas pelo algoritmo para alcançar o patamar normativo mantendo a identidade visual da sua marca.
Como funciona o cálculo de contraste e luminância relativa segundo a WCAG 2.2
A luminância relativa L é obtida através da linearização dos valores dos canais sRGB (R, G, B) e ponderada pela sensibilidade espectral da visão humana: L = 0,2126 * R_linear + 0,7152 * G_linear + 0,0722 * B_linear. A fórmula divide a luminância mais clara L1 pela luminância mais escura L2 adicionando o fator de iluminação ambiente (+0,05).
- Texto padrão de leitura: Exige proporção mínima de 4,5:1 para nível intermediário AA e 7,0:1 para nível aprimorado AAA.
- Texto de grande porte (18 pt / 24 px ou 14 pt em negrito): Demanda no mínimo 3,0:1 para nível AA e 4,5:1 para nível AAA.
- Elementos interativos de interface (botões e bordas de formulários): Exigem índice de pelo menos 3,0:1 conforme o critério de sucesso 1.4.11.
Exemplos práticos
Verificação de azul corporativo aplicado sobre fundo branco puro
Entrada: Texto: #2563eb (Azul royal), Fundo: #ffffff (Branco puro)
Saída: Taxa de contraste: 4,87:1 — APROVADO Nível AA (Texto normal), APROVADO Nível AAA (Texto grande)
Atende plenamente aos requisitos legais de acessibilidade digital para leitura confortável.
Limitações
- Analisa pares de cores planas; em fundos fotográficos ou degradês, audite o ponto com menor contraste relativo.
- O índice matemático de contraste não substitui uma auditoria integral de acessibilidade que avalie leitor de tela e tipografia.
Perguntas frequentes
Qual é a diferença entre os níveis de conformidade WCAG AA e AAA?
O Nível AA é a exigência padrão estabelecida em legislações públicas e corporativas internacionais (mínimo de 4,5:1 para texto normal). O Nível AAA é um critério mais rigoroso (7,0:1) voltado para pessoas com deficiência visual severa.
As cores da identidade visual da minha empresa são gravadas em algum servidor?
Não. Todas as avaliações matemáticas de luminância e sugestões de tons são calculadas exclusivamente no seu navegador.
Referências e normas oficiais
- Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2 do W3C ↗ — Padrão internacional oficial estabelecendo critérios de sucesso e índices de contraste para acessibilidade.
- Fórmula Matemática de Luminância Relativa do W3C ↗ — Equação técnica para mensuração de luminância relativa no espaço de cor sRGB.