Luminância relativa e taxa de contraste

Two calculators evaluate the relative luminance and contrast ratio for given colors.

A calculadora abaixo fornece a luminância relativa da cor no formato RGB. A cor branca tem 100% de luminância relativa, preto - 0%, todas as outras cores - algo entre esse valor.

PLANETCALC, Luminância relativa

Luminância relativa

Cor na forma RGB
Dígitos após o ponto decimal: 2
Cor
 
Luminância relativa, %
 

Cálculo de luminância relativa

Cada valor de componente de cor na forma RGB C8= {R8 - vermelho, G8 - verde, B8 - azul} é um número inteiro entre 0 e 255.
Primeiramente, converta os componentes da cor em valores reais no intervalo 0..1:
Csrgb = C8/255, onde C8 = { R8, G8, B8 }

Em seguida, encontre o valor RGB linear para cada componente de cor C = { R,G,B }:
C = ((Csrgb+0.055)/1.055)2.4, quando Csrgb > 0.03928
ou
C = Csrgb/12.92, quando Csrgb <= 0.03928

Utilizando componentes de cor lineares C={R, G, B} é possível obter a luminância relativa por:
L = 0.2126R + 0.7152G + 0.0722B1

Os coeficientes na fórmula acima refletem a sensibilidade do olho humano ao componente de cor específico: o olho humano sente o componente verde mais luminoso, o vermelho - um pouco menos e o componente azul é o que menos provoca esta sensação dentre os três.

Contraste

Conhecendo a luminância relativa, você pode calcular facilmente a taxa de contraste de um texto colorido através da fórmula: (L1 + 0.05) / (L2 + 0.05), onde L1 e L2 - luminância relativa do texto e cor de fundo (L1>L2).1
A taxa de contraste mostra quão fácil um humano reconhece texto ou imagem em um fundo colorido. Para ser legível com facilidade, a relação de contraste da cor do texto e da cor de fundo deve ser 7:1. A taxa de contraste deve ser de pelo menos 4,5 para o texto grande ou imagens de logotipo.

PLANETCALC, Taxa de contraste

Taxa de contraste

Cor em formato hexadecimal
Cor em formato hexadecimal
Dígitos após o ponto decimal: 2
Taxa de contraste
 
Cor 1
 
Cor 2
 

Botão de captura de tela
Botão de captura de tela

Como segue dos resultados do cálculo com valores de entrada padrão, a seleção de cor do botão calcular está errada para este site, uma vez que a taxa de contraste é 2,84. Pessoas com deficiência visual dificilmente reconhecem a inscrição no botão. Em minha defesa, gostaria de dizer que a escolha das cores não foi feita por acaso. A calculadora de bolso, que eu tinha em 2008, possuía o mesmo botão laranja com uma inscrição branca =. Talvez mudemos o design do site novamente no futuro para solucionar esse problema.

URL copiado para a área de transferência
PLANETCALC, Luminância relativa e taxa de contraste

Comentários