Color Contrast Checker

Check WCAG AA/AAA contrast ratio between two colors

Sobre esta calculadora

O Verificador de Contraste de Cores calcula a razão de contraste WCAG 2.x entre uma cor de primeiro plano e uma de fundo usando a fórmula de luminância relativa (L1 + 0.05) / (L2 + 0.05). Ele aceita entradas #rgb, #rrggbb e rgb(r,g,b), e informa a razão exata, a luminância de ambas as cores e sinalizações de aprovação/reprovação para AA e AAA nos limiares de texto normal (4.5:1 / 7:1) e texto grande (3:1 / 4.5:1). Cores inválidas retornam um erro. Essencial para design web acessível.

Como usar a ferramenta de Color Contrast Checker

  1. Digite ou cole sua entrada no campo.
  2. Leia a saída — ela atualiza instantaneamente enquanto você digita.
  3. Ajuste as opções, se houver, para atender ao seu caso de uso.
  4. Copie a URL da página para compartilhar o resultado exato.

Exemplos comuns

  • #000000 sobre #ffffff → 21,0000:1 — passa em todos os níveis AA e AAA
  • #777777 sobre #ffffff → 4,4781:1 — reprova AA para texto normal por pouco, passa AA para texto grande
  • #0066cc sobre #ffffff → 5,5666:1 — aprovado em AA, reprovado em AAA para texto normal
  • #ffcc00 sobre #333333 → 8,3564:1 — passa AAA para todos os tamanhos de texto

Perguntas frequentes

Como funciona a ferramenta de Color Contrast Checker?

Digite ou cole sua entrada e a ferramenta a processa diretamente no seu navegador, mostrando o resultado imediatamente. Nada do que você digita é enviado a um servidor — todo o processamento acontece no seu dispositivo.

Quando eu usaria a ferramenta de Color Contrast Checker?

Ela é prática para tarefas de desenvolvimento, depuração, design e administração — sempre que você precisar dessa transformação ou verificação feita rapidamente, sem instalar nada nem confiar seus dados a um serviço de terceiros.

Quão confiáveis são os resultados?

A ferramenta implementa diretamente o padrão ou a especificação relevante, então sua saída corresponde ao que softwares em conformidade produzem. Casos extremos, como entrada vazia ou malformada, são informados com clareza em vez de falhar silenciosamente.

Posso compartilhar um resultado específico com outra pessoa?

Sim. Sua entrada atualiza a URL, então copiar a barra de endereço e compartilhar o link reabre a ferramenta no mesmo estado para quem clicar.