HWB - это представление точек в цветовой модели RGB в цилиндрических координатах , подобное HSL и HSV . Он был разработан создателем HSV Элви Рэем Смитом в 1996 году для решения некоторых проблем с HSV. HWB был разработан, чтобы быть более интуитивно понятным для людей [1] и немного быстрее для вычислений. Первая координата H ( Hue ) совпадает с координатой Hue в 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 |
---|---|---|
Образцы [ править ]
CSS Цвет Уровень 4 проекта спецификации [1] включает в себя ряд HWB пример образцов цвета. [3]
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
B W | 0% | 20% | 40% | 60% | 80% | 100% |
---|---|---|---|---|---|---|
0% | ||||||
20% | ||||||
40% | ||||||
60% | ||||||
80% | ||||||
100% |
Ссылки [ править ]
- ^ a b c "§7 Цвета HWB: функция hwb ()" . Цветовой модуль CSS, уровень 4 . W3C . 15 апреля 2014 г.
- ^ a b Смит, Элви Рэй (1996). «HWB - более интуитивная цветовая модель на основе оттенков» (PDF) . Журнал графических, графических и игровых инструментов . 1 (1): 3–17. Это оригинальная статья, описывающая цветовую модель HWB.
- ^ Цветовой модуль CSS, уровень 4