Verificador de contraste de cor (WCAG)

Como verifico o contraste de cor?

Como usar

  1. Insira os valores necessários nos campos.
  2. Clique em “Calcular” para ver o resultado.
  3. Copie ou compartilhe o resultado com o botão “Compartilhar”.

Sobre esta calculadora

Esta ferramenta calcula o rácio de contraste WCAG entre uma cor de primeiro plano e uma de fundo, um valor de 1:1 (cores idênticas, sem contraste) até 21:1 (preto puro sobre branco puro), obtido a partir da luminância relativa de cada cor. Depois compara esse rácio com os limiares oficiais de acessibilidade AA e AAA — habitualmente 4,5:1 para texto normal e 3:1 para texto grande no nível AA, com mínimos mais rigorosos no AAA — para dizer se uma dada combinação de texto e fundo é realmente legível o suficiente para cumprir as normas de acessibilidade.

É usada por designers web e programadores front-end que verificam uma paleta de cores antes de a lançar, uma vez que texto de baixo contraste é uma das queixas de acessibilidade mais comuns e pode reprovar requisitos legais de acessibilidade em algumas jurisdições. Os auditores de acessibilidade usam este mesmo cálculo ao rever um site ou uma aplicação quanto à conformidade WCAG, e os sistemas de design incorporam frequentemente pares de cores que passam o AA diretamente nas suas bibliotecas de componentes, para evitar o problema à partida.

Was this helpful?

Pode escolher até 3 reações.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas as calculadoras