Относительная яркость и контрастность цветов

Вычисляет относительную яркость и контрастность двух цветов, заданных в шестнадцатеричном формате.

Эта страница существует благодаря следующим персонам

Anton

Создан: 2018-04-11 19:00:11, Последнее изменение: 2020-11-03 14:19:35

Следующий калькулятор вычисляет относительную яркость цвета. 100% яркости у белого цвета, 0% у черного - остальные имеют относительную яркость между этими двумя границами.

PLANETCALC, Относительная яркость цвета

Относительная яркость цвета

Цвет в 16-ричном формате
Знаков после запятой: 2
Цвет
 
Относительная яркость, %
 

Вычисление относительной яркости

Каждая компонента цвета в шестнадцатеричном формате это целое число 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.

PLANETCALC, Коэффициент контрастности

Коэффициент контрастности

Цвет в 16-ричном формате
Цвет в 16-ричном формате
Знаков после запятой: 2
Контрастность
 
Цвет 1
 
Цвет 2
 

Рисунок кнопки
Рисунок кнопки

Как видно из результатов расчета этого калькулятора со значениями по-умолчанию, подбор цвета для кнопки на этом сайте, сделан неверно, так как коэффициент контрастности 2.84 значительно ниже 7 - людям с плохим зрением будет тяжело распознать надпись. В свое оправдание хочу сказать, что выбор цвета был сделан не случайно. Карманный калькулятор, который у меня был в 2008-м году имел такую же оранжевую кнопку с белой надписью =. Возможно в ближайшее время сайту снова придется немного поменять дизайн.

Ссылка скопирована в буфер обмена
PLANETCALC, Относительная яркость и контрастность цветов

Комментарии