Относительная яркость и контрастность цветов
Вычисляет относительную яркость и контрастность двух цветов, заданных в шестнадцатеричном формате.
Следующий калькулятор вычисляет относительную яркость цвета. 100% яркости у белого цвета, 0% у черного - остальные имеют относительную яркость между этими двумя границами.
Относительная яркость цвета
Вычисление относительной яркости
Каждая компонента цвета в шестнадцатеричном формате это целое число C8, находящееся в диапазоне от 0 до 255 ( C8= {R8 - красный, G8 - зеленый, B8 - синий}).
Переведем значения компоненты цвета из целых в вещественные значения в диапазоне 0..1:
Csrgb = C8/255, где C8 = { R8, G8, B8 }
Найдем для каждой компоненты цвета линейное значение C = { R,G,B }:
C = ((Csrgb+0.055)/1.055)2.4 , если Csrgb > 0.03928
или
C = Csrgb/12.92, если Csrgb <= 0.03928
Используя линейное значение компоненты цвета C={R, G, B} получаем относительную яркость цвета по формуле:
L = 0.2126R + 0.7152G + 0.0722B1
Коэффициенты в формуле, отражают чувствительность человеческого глаза к отдельным компонентам света: зеленая компонента света воспринимается наиболее ярко, красная - менее и синяя меньше всего.
Контрастность
Зная относительную яркость цвета легко получить коэффициент контрастности двух, который отражает восприятие человеком двуцветных изображений: (L1 + 0.05) / (L2 + 0.05), где L1 и L2 - значения относительной яркости цвета фона и символа (L1>L2).1
Подбирая цвет символов и фона, следует иметь в виду, что коэффициент контрастности этих двух цветов для них должен быть более 7, чтобы текст хорошо читался людьми с плохим зрением. Для больших символов и логотипов допускается коэффициент >4.5.
Коэффициент контрастности
Как видно из результатов расчета этого калькулятора со значениями по-умолчанию, подбор цвета для кнопки на этом сайте, сделан неверно, так как коэффициент контрастности 2.84 значительно ниже 7 - людям с плохим зрением будет тяжело распознать надпись. В свое оправдание хочу сказать, что выбор цвета был сделан не случайно. Карманный калькулятор, который у меня был в 2008-м году имел такую же оранжевую кнопку с белой надписью =. Возможно в ближайшее время сайту снова придется немного поменять дизайн.
Комментарии