Verificar o contraste de cor (WCAG)

Meça a proporção de contraste WCAG 2.1 entre duas cores e veja se elas passam em AA, AA Grande e AAA para um texto acessível. Roda inteiramente no seu navegador.

Privacidade em primeiro lugar: cada imagem é processada localmente no seu navegador. Nada é enviado, armazenado ou transmitido a nenhum servidor.

Contraste é requisito de acessibilidade, não gosto

A WCAG exige que o texto contraste com o fundo em 4.5:1 para texto normal (AA) e 7:1 para AAA — terreno legal para muitas organizações. Texto sobreposto a imagens falha o tempo todo porque designers julgam o contraste contra a média da imagem, enquanto os usuários leem contra o trecho mais claro dela.

Meça contra a imagem real

Escolha a cor do seu texto e amostre o fundo real a partir da própria imagem; o verificador calcula a razão e a classifica contra os limiares AA e AAA para texto normal e grande. Corrija falhas escurecendo a sobreposição ou clareando o texto — e meça de novo até passar. Tudo local, nada enviado.

Perguntas frequentes

A minha imagem é enviada para análise?
Não. A extração de cor, os histogramas e as verificações de contraste são todos executados localmente no seu navegador.
Que informação de cor posso obter?
Cores dominantes, uma paleta copiável com códigos hexadecimais e percentagens de presença, e histogramas completos de RGB e de luminância.
Para que serve o verificador de contraste?
Mede o rácio de contraste WCAG 2.1 entre duas cores e mostra se passam AA, AA Large e AAA para texto acessível.
Posso copiar os códigos de cor?
Sim. Clique em qualquer amostra para copiar o seu código hexadecimal, ou copie toda a paleta de uma vez.