Цветовая модель HWB
HWB (Hue, Whiteness, Blackness) — цилиндрических координатах представление точек в цветовой модели RGB , аналогичное HSL и HSV . Он был разработан HSV создателем Элви Рэем Смитом в 1996 году для решения некоторых проблем, связанных с HSV. HWB был разработан, чтобы быть более интуитивно понятным для людей. [1] и немного быстрее вычислять. Первая координата, H ( Hue ), совпадает с координатой Hue в HSL и HSV . W и B обозначают белизну и черноту соответственно и находятся в диапазоне 0–100 % (или 0–1). Ментальная модель заключается в том, что пользователь может выбрать основной оттенок, а затем «смешать» его с белым и/или черным, чтобы получить желаемый цвет. [2]
HWB был включен в модуль цвета CSS Level 4 в 2014 году. [1]
Конверсия
[ редактировать ]HWB очень тесно связан с HSV , поэтому формулы преобразования достаточно просты. [2] Если перед преобразованием из HWB сумма белизны и черноты превышает 100 %, оба компонента необходимо пропорционально уменьшить, чтобы сумма составила 100 %.
| HSV в HWB | HWB в HSV | RGB в HWB |
|---|---|---|
Образцы
[ редактировать ]CSS Color Level 4 Черновой вариант спецификации [1] включает в себя несколько образцов цветов HWB. [3]
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Б В | 0% | 20% | 40% | 60% | 80% | 100% |
|---|---|---|---|---|---|---|
| 0% | ||||||
| 20% | ||||||
| 40% | ||||||
| 60% | ||||||
| 80% | ||||||
| 100% |
Ссылки
[ редактировать ]- ^ Jump up to: а б с «§7 Цвета HWB: функция hwb()» . Модуль цвета CSS, уровень 4 . W3C . 15 апреля 2014 г.
- ^ Jump up to: а б Смит, Элви Рэй (1996). «HWB — более интуитивная цветовая модель на основе оттенков» (PDF) . Журнал графики, графических процессоров и игровых инструментов . 1 (1): 3–17. Это оригинальная статья, описывающая цветовую модель HWB.
- ^ Модуль цвета CSS, уровень 4
| САМ | |
|---|---|
| CIE | |
| RGB | |
| Ю'УВ | |
| Другой | |
| Цветовые системы и стандарты | |
О зрительных способностях организмов или машин см.  Цветовое зрение . | |
 | Эта статья, посвященная цветам, незавершена . Вы можете помочь Википедии, расширив ее . |