Luminância relativa e taxa de contraste
Two calculators evaluate the relative luminance and contrast ratio for given colors.
Este conteúdo é licenciado de acordo com a Licença Creative Commons de Atribuição/CompartilhaIgual 3.0 (Unported). Isso significa que você pode redistribuir ou modificar livremente este conteúdo sob as mesmas condições de licença e precisa atribuir ao autor original colocando um hyperlink para este trabalho no seu site. Além disto, favor não modificar qualquer referência ao trabalho original (caso houver) que estiverem contidas neste conteúdo.
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.
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.
Taxa de contraste
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.
Comentários