Цветовая модель HWB - HWB color model

HWB это цилиндрическая координата представление точек в Цветовая модель RGB, похожий на HSL и HSV. Он был разработан HSV Создатель Элви Рэй Смит в 1996 году для решения некоторых проблем с HSV. HWB был разработан, чтобы быть более интуитивным для людей в использовании^[1] и немного быстрее в вычислениях. Первая координата H (Оттенок ), то же, что и координата оттенка в HSL и HSV. W и B стоять за Белизна и Чернота соответственно и находятся в диапазоне 0–100% (или 0–1). Ментальная модель состоит в том, что пользователь может выбрать основной оттенок, а затем «смешать» его с белым и / или черным, чтобы получить желаемый цвет.^[2]

HWB был включен в CSS Цветовой модуль 4-го уровня в 2014 году.^[1]

Преобразование

HWB очень тесно связан с HSV, поэтому формулы преобразования довольно просты. ^[2] Перед преобразованием из HWB, если сумма белизны и черного превышает 100%, оба компонента должны быть пропорционально уменьшены, чтобы сумма составляла 100%.

HSV в HWB	HWB в HSV	RGB в HWB
${\displaystyle {\begin{aligned}H&=H\\W&=(1-S)V\\B&=1-V\end{aligned}}}$	${\displaystyle {\begin{aligned}H&=H\\S&=1-{\frac {W}{1-B}}\\V&=1-B\end{aligned}}}$	${\displaystyle {\begin{aligned}H&=\ldots \\W&=\min(R,G,B)\\B&=1-\max(R,G,B)\end{aligned}}}$

Образцы

В CSS Color Level 4 проект спецификации ^[1] включает ряд образцов цвета HWB.^[3]

0 ° красных

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

30 ° Red-Yellows (Апельсины)

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

60 ° желтого

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

90 ° желто-зеленый

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

120 ° Зелень

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

150 ° Зелено-голубой

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

180 ° голубой

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

210 ° Голубой-Блюз

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

240 ° Блюз

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

270 ° сине-пурпурный

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

300 ° пурпурный

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

330 ° пурпурно-красный

B W	000%	020%	040%	060%	080%	100%
000%
020%
040%
060%
080%
100%

Рекомендации

1. «§7 Цвета HWB: функция hwb ()». Цветовой модуль CSS, уровень 4. W3C. 15 апреля 2014 г.
2. Смит, Элви Рэй (1996). «HWB - более интуитивная цветовая модель на основе оттенков» (PDF). Журнал графических, графических и игровых инструментов. 1 (1): 3–17. Это оригинальная статья, описывающая цветовую модель HWB.
3. Цветовой модуль CSS, уровень 4