Verificador de Contraste WCAG: Acessibilidade de Cores

Verificador de Contraste WCAG

Garanta que seus designs sejam acessíveis para todos. Verifique a legibilidade entre cor de fundo e texto.

Texto Grande (18pt+)
Este é um exemplo de texto normal (corpo). O contraste deve ser suficiente para leitura confortável em telas.
0.00 Taxa de Contraste
AA Normal FAIL Mínimo 4.5:1
AA Grande FAIL Mínimo 3.0:1
AAA Normal FAIL Mínimo 7.0:1

Como funciona? O cálculo usa a fórmula de luminância relativa da WCAG 2.1. Números mais altos significam melhor legibilidade.

Entendendo os Níveis

O que é AA e AAA?

AA (Mínimo): É o padrão exigido pela maioria das legislações. Texto normal precisa de 4.5:1 e texto grande de 3:1.

AAA (Melhorado): Padrão ouro de acessibilidade. Texto normal precisa de 7:1 e texto grande de 4.5:1.

O que é considerado "Texto Grande"?

Texto em negrito com pelo menos 18.66px ou texto normal com pelo menos 24px.