Pular para o conteúdo

Calculadora de contraste de cores (acessibilidade WCAG)

Calcule a razão de contraste entre duas cores e veja se passa nos critérios de acessibilidade WCAG.

Razão de contraste
7,46 : 1
AA texto normal (≥ 4,5)✓ passa
AA texto grande (≥ 3)✓ passa
AAA texto normal (≥ 7)✓ passa

A WCAG exige contraste de 4,5:1 para texto normal (AA) e 7:1 para AAA. Texto grande (≥18pt ou 14pt negrito) precisa de 3:1.

Guia Contraste de cores e acessibilidade (WCAG)

Como funciona o cálculo

Calcula-se a luminância relativa de cada cor (a partir do RGB, com correção de gama) e a razão de contraste (L_clara + 0,05) ÷ (L_escura + 0,05). O resultado vai de 1:1 (iguais) a 21:1 (preto e branco).

Exemplos

  • Preto (#000) no branco (#fff): 21:1 (o máximo possível).
  • Cinza-claro #999 no branco: ~2,8:1 → reprova no AA para texto comum.

Perguntas frequentes

Qual contraste mínimo usar?

Mire em 4,5:1 para texto comum (nível AA). Para máxima legibilidade, 7:1 (AAA).

Texto grande precisa de menos contraste?

Sim: a partir de 18 pt (ou 14 pt em negrito), o mínimo AA cai para 3:1, porque as letras já são mais fáceis de ler.

Por que o contraste importa?

Baixo contraste dificulta a leitura para quem tem baixa visão — e para todos sob sol forte ou em telas ruins. É requisito de acessibilidade (WCAG).

Calculadoras relacionadas

Mais calculadoras de Tecnologia

Ver todas →

Atualizado em 30 de junho de 2026 · por Rafael Rossi · Metodologia e fontes