Pular para o conteúdo
ferramentas.top

Contraste de cores (WCAG)

Verifique se o contraste entre texto e fundo atende às regras de acessibilidade WCAG AA e AAA.

Seus dados são processados diretamente no seu navegador.

Texto grande de exemplo (24 px)

Texto normal de exemplo, como o de um parágrafo. A rápida raposa marrom pula sobre o cão preguiçoso.

Taxa de contraste
—

Os níveis da WCAG

As Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.x) pedem contraste mínimo entre texto e fundo para que pessoas com baixa visão ou daltonismo consigam ler:

  • AA (o mínimo recomendado): 4,5:1 para texto normal e 3:1 para texto grande (a partir de 24 px, ou 18,66 px em negrito).
  • AAA (melhor): 7:1 para texto normal e 4,5:1 para texto grande.
  • Ícones, bordas de campos e outros elementos de interface: 3:1.

Ferramentas relacionadas

Conversor de coresEscolha uma cor e converta entre HEX, RGB e HSL, com variações mais claras e mais escuras.Gerador de paleta de coresPaletas complementar, análoga, triádica, tetrádica e monocromática a partir de uma cor, com CSS pronto.Gerador de gradiente CSSCrie gradientes lineares, radiais e cônicos com várias cores e copie o CSS.Gerador de box-shadowAjuste a sombra (deslocamento, desfoque, expansão, cor) vendo o resultado e copie o CSS.Formatador e validador de JSONFormate, valide e minifique JSON, com a posição exata do erro quando ele for inválido.Base64: codificar e decodificarConverta texto (UTF-8) e arquivos para Base64 e decodifique Base64 de volta.