Calculadora de Contraste de Cores WCAG
Calcule o rácio de contraste relativo WCAG 2.1 entre uma cor de primeiro plano e de fundo e verifique a conformidade AA e AAA para texto normal e grande.
Como Utilizar a Calculadora de Contraste de Cores WCAG
- Introduza a cor de primeiro plano como código hexadecimal (#rrggbb).
- Introduza a cor de fundo como código hexadecimal.
- Clique em Calcular para ver o rácio de contraste e os veredictos AA/AAA.
Casos de Uso
- •Revisão de design tokens durante a criação de identidade visual.
- •Auditorias de acessibilidade de interfaces existentes.
- •Verificação de composições de texto sobre imagem.
Fórmula
Ratio = (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter and L2 the darker relative luminance. Simplified luminance: 0.2126·R + 0.7152·G + 0.0722·B on a 0–1 sRGB scale.
Perguntas Frequentes
Por que o AA é o mínimo?
O nível AA do WCAG 2.1 é o objetivo adotado pela maioria dos reguladores (EN 301 549, Section 508, jurisprudência ADA). O AAA é um ideal para materiais de leitura de longa extensão.
O que conta como texto grande?
Texto grande é aquele com pelo menos 18 pt (24 px) normal, ou 14 pt (18.66 px) negrito. Todo o resto é texto normal e deve cumprir 4.5:1.
A luminância simplificada é precisa segundo o WCAG?
Para a maioria dos pares sRGB, arredonda para o mesmo veredicto de aprovação/reprovação que a fórmula completa. Para casos limite próximos do limiar, confirme com a fórmula oficial do WCAG ou APCA para novos projetos.