Calculadora de razão de contraste de cores

Verifique a razão de contraste de duas cores para acessibilidade.

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 calculadora calcula a razão de contraste WCAG entre duas cores usando (L1 + 0.05) / (L2 + 0.05), onde L1 e L2 são as luminâncias relativas da cor mais clara e da mais escura, cada uma derivada dos valores dos canais sRGB pela fórmula de luminância com correção gama da WCAG. O resultado varia de 1:1 (cores idênticas) a 21:1 (preto puro sobre branco) e é verificado em relação aos limites das Diretrizes de Acessibilidade para Conteúdo Web — 4,5:1 para texto normal e 3:1 para texto grande no nível AA, e 7:1 e 4,5:1, respectivamente, para o nível AAA, mais rigoroso.

Web designers, desenvolvedores front-end e auditores de acessibilidade usam isso para garantir que textos e elementos de interface atendam aos padrões legais e de usabilidade de acessibilidade (conformidade com WCAG 2.1, ADA e Seção 508) para usuários com baixa visão ou daltonismo. Informe duas cores em hexadecimal para obter a razão de contraste e o status de aprovado/reprovado.

Was this helpful?

Pode escolher até 3 reações.

Comments (0)

  • Be the first to comment.

Calculadoras populares

Todas as calculadoras