LogoUtilidadesGrátis
Voltar

Contraste de Cores (WCAG)

Verifique se duas cores atendem aos critérios de acessibilidade WCAG AA e AAA.

Exemplo de Texto
14.63:1
Taxa de contraste
✅ Passa
AA Texto normal (≥ 4.5:1)
✅ Passa
AA Texto grande (≥ 3:1)
✅ Passa
AAA Texto normal (≥ 7:1)
✅ Passa
AAA Texto grande (≥ 4.5:1)

O que é esta ferramenta?

Verifique se duas cores atendem aos critérios de acessibilidade WCAG AA e AAA.

Como funciona?

A taxa de contraste é calculada pela fórmula WCAG: (L1 + 0.05) / (L2 + 0.05), onde L é a luminância relativa da cor. AA exige ≥4.5:1 (texto normal) e ≥3:1 (texto grande). AAA exige ≥7:1 e ≥4.5:1.

Contraste = (L1 + 0.05) / (L2 + 0.05) L = 0.2126R + 0.7152G + 0.0722B (luminância relativa)

Dicas de uso

  • Texto grande é definido como ≥18px normal ou ≥14px negrito.
  • Sempre busque pelo menos AA para conteúdo textual.

Perguntas Frequentes