Verificador de Contraste de Cores (WCAG)

Verifique se um par de cores de primeiro plano e fundo atende aos padrões de acessibilidade WCAG AA e AAA. Essencial para criar interfaces acessíveis.

Estúdio · ambiente neutro
Razão de contraste
: 1

AA · texto normal ≥ 4.5
AA · texto grande ≥ 3.0
AAA · texto normal ≥ 7.0
AAA · texto grande ≥ 4.5
Correção em um clique · mantém o matiz

Funcionalidades

Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text

Como Usar

1. Defina as cores do texto e do fundo — a amostra e o veredito WCAG atualizam em tempo real.

2. Alterne as amostras (tipografia / artigo / interface) para julgar o par em uso realista; pressione S para trocar as duas cores.

3. Se algum nível falhar, use a correção em um clique — ela ajusta só a luminosidade, mantendo o matiz — ou copie o relatório WCAG.

Perguntas Frequentes

What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Ferramentas Relacionadas