WikiDer > HSL и HSV

HSL and HSV

HSL (оттенок, насыщенность, легкость) и HSV (оттенок, насыщенность, значение, также известный как HSB или же оттенок, насыщенность, яркость) являются альтернативными представлениями Цветовая модель RGB, разработанный в 1970-х годах компьютерная графика исследователей, чтобы они более точно соответствовали тому, как человеческое зрение воспринимает цветообразующие атрибуты. В этих моделях цвета каждого оттенок расположены в радиальном срезе вокруг центральной оси нейтральных цветов, которая варьируется от черного внизу до белого вверху.

Представление HSV моделирует то, как краски разных цветов смешиваются вместе с насыщенность размер, напоминающий различные оттенки яркой краски, а ценить размер, напоминающий смесь этих красок с различным количеством черной или белой краски. Модель HSL пытается напоминать более воспринимаемые цветовые модели, такие как Естественная цветовая система (NCS) или Цветовая система Манселла, размещение полностью насыщенных цветов по кругу со значением яркости 1/2, где значение яркости 0 или 1 означает полностью черный или белый цвет соответственно.

Основной принцип

Рис. 2а. Цилиндр HSL.
Рис. 2б. Цилиндр HSV.

HSL и HSV имеют цилиндрическую геометрию (инжир. 2), с оттенком, их угловым размером, начиная с красный начальный при 0 °, проходя через зеленый первичный на 120 ° и синий первичный при 240 °, а затем обратно в красный цвет при 360 °. В каждой геометрии центральная вертикальная ось включает нейтральный, ахроматический, или же серый Цвета варьируются сверху вниз, от белого при яркости 1 (значение 1) до черного при яркости 0 (значение 0).

В обеих геометриях добавка первичный и вторичные цвета-красный, желтый, зеленый, голубой, синий и пурпурный- и линейные смеси между соседними их парами, иногда называемые чистые цвета, расположены вокруг внешнего края цилиндра с насыщенностью 1. Эти насыщенные цвета имеют яркость 0,5 в HSL, тогда как в HSV они имеют значение 1. Смешивание этих чистых цветов с черным - дает так называемое оттенки- не меняет насыщенность. В HSL насыщенность также не меняется на тонировка с белым, и только смеси с черным и белым - так называемые тона- иметь насыщенность менее 1. В HSV только тонирование снижает насыщенность.

Рис. 3a – b. Если мы построим график оттенка и (а) яркости HSL или (б) значения HSV против цветности (классифицировать значений RGB), а не насыщенности (цветность выше максимальной цветности для этого среза), в результате получается сплошной биконус или же конуссоответственно не цилиндр. Такие диаграммы часто претендуют на прямое представление HSL или HSV, причем размерность цветности ошибочно обозначается как «насыщенность».

Потому что эти определения насыщенности - в которых очень темные (в обеих моделях) или очень светлые (в HSL) почти нейтральные цвета считаются полностью насыщенными (например, снизу справа в нарезанном цилиндре HSL или сверху справа) - конфликт с интуитивным представлением о чистоте цвета, часто конический или же биконический вместо этого рисуется твердое тело (инжир. 3), что в этой статье называется цветность как его радиальный размер (равный классифицировать значений RGB) вместо насыщенности (где насыщенность равна цветности по максимальной цветности в этом срезе (би) конуса). Что сбивает с толку, такие диаграммы обычно обозначают это радиальное измерение как «насыщенность», размывая или стирая различие между насыщенностью и цветностью.[A] Как описано ниже, вычисление цветности является полезным шагом при выводе каждой модели. Поскольку такая промежуточная модель - с размерами оттенка, цветности и значения HSV или яркости HSL - принимает форму конуса или биконуса, HSV часто называют «гексиконической моделью», а HSL часто называют «бигексиконной моделью» (инжир. 8).[B]

Мотивация

Цветовое пространство HSL было изобретено для телевидения в 1938 году. Жорж Валенси в качестве метода добавления цветного кодирования к существующим монохромным (т.е. содержащим только L-сигнал) широковещательным сообщениям, позволяя существующим приемникам принимать новые цветные широковещательные сообщения (черно-белые) без изменений, как яркость (черно-белый) сигнал транслируется без изменений. Он использовался во всех основных кодировках аналогового телевещания, включая NTSC, PAL и СЕКАМ и все основные системы цифрового вещания и является основой для композитное видео.[1][2]

Рис. 4. Художники долго смешивали цвета, сочетая относительно яркие пигменты с черным и белым. Смеси с белым называются оттенки, смеси с черным называются оттенки, а смеси с обоими называются тона. Видеть Оттенки и оттенки.[3]
Несколько элементов смешивания красок могут быть расположены в треугольном порядке: левый край треугольника показывает белый вверху и черный внизу с серым между ними, каждый в своем соответствующем овале. Чистый цвет (в данном случае ярко-сине-зеленый) находится в правом углу треугольника. На границе между чистым цветом и черным находится оттенок (более темный сине-зеленый), между чистым цветом и белым - оттенок (более светлый, блеклый сине-зеленый), а тон лежит в середине треугольника ( приглушенный сине-зеленый).
Рис. 5. Эта цветная модель 1916 года немецкого химика. Вильгельм Оствальд иллюстрирует подход «смеси с белым и черным», объединяя 24 «чистых» цвета в цветовой круг, и цвета каждого оттенка в треугольник. Таким образом, модель приобретает форму биконуса.[4][5]
Куб RGB имеет черный цвет в начале, а три измерения R, G и B направлены в ортогональных направлениях от черного. Углы в каждом из этих направлений - это соответствующий основной цвет (красный, зеленый или синий), в то время как углы, находящиеся дальше от черного, представляют собой комбинации двух основных цветов (красный плюс зеленый дает желтый, красный плюс синий дает пурпурный, зеленый плюс синий дает голубой). В самом дальнем от начала координат углу куба лежит белый цвет. Любая точка куба описывает определенный цвет в пределах цветовой гаммы RGB.
Рис. 6а. Палитру RGB можно расположить в виде куба.
То же изображение, но часть удалена для ясности.
Рис. 6б. То же изображение, но часть удалена для ясности.
В классическом стиле патентной заявки это черно-белая диаграмма, на которой указаны название патента, имя изобретателя и номер патента, заштрихованные перекрестной штриховкой. На этой диаграмме показано трехмерное изображение биконической геометрии HSL компании Tektronix, состоящее из горизонтальных круговых срезов вдоль вертикальной оси, расширенной для удобства просмотра. Внутри каждого кругового среза насыщенность изменяется от нуля в центре до единицы на полях, в то время как оттенок представляет собой угловое измерение, начиная с синего с нулевым оттенком, через красный с оттенком 120 градусов и зеленый с оттенком 240 градусов и обратно к синему.
Рис. 7. Графические терминалы Tektronix использовали самую раннюю коммерческую реализацию HSL в 1979 году. Эта диаграмма из патента, поданного в 1983 году, показывает геометрию биконуса, лежащую в основе модели.[6]

Большинство телевизоров, компьютерных дисплеев и проекторов воспроизводят цвета, комбинируя красный, зеленый и синий свет разной интенсивности - так называемые RGB добавка основные цвета. Полученные смеси в Цветовое пространство RGB может воспроизводить самые разные цвета (называемые гамма); однако взаимосвязь между составляющими количествами красного, зеленого и синего света и результирующим цветом не интуитивно понятна, особенно для неопытных пользователей и для пользователей, знакомых с субтрактивный цвет смешивание красок или традиционных моделей художников на основе оттенков и оттенков (инжир. 4). Более того, ни аддитивные, ни субтрактивные цветовые модели не определяют цветовые отношения так же, как человеческий глаз делает.[C]

Например, представьте, что у нас есть дисплей RGB, цвет которого контролируется тремя ползунки начиная с 0–255, один из которых управляет интенсивностью каждого из основных цветов: красного, зеленого и синего. Если начать с относительно красочного апельсин , с sRGB значения р = 217, грамм = 118, B = 33, и хотите уменьшить его яркость наполовину до менее насыщенного оранжевого , нам нужно перетащить ползунки, чтобы уменьшить р на 31 увеличить грамм на 24 и увеличить B на 59, как показано ниже.

Unintuitive-rgb.png

Пытаясь приспособить более традиционные и интуитивно понятные модели смешивания цветов, пионеры компьютерной графики PARC и NYIT представила модель HSV для компьютерных дисплеев в середине 1970-х, формально описанная Элви Рэй Смит[10] в августовском выпуске 1978 г. Компьютерная графика. В том же номере Джоблав и Гринберг[11] описали модель HSL, размеры которой они назвали оттенок, относительная цветность, и интенсивность—И сравнил его с ВПГ (инжир. 1). Их модель была больше основана на том, как цвета организованы и концептуализированы в человеческое зрение с точки зрения других цветовых атрибутов, таких как оттенок, легкость и цветность; а также традиционные методы смешения цветов, например, в живописи, которые включают смешивание ярко окрашенных пигментов с черным или белым для получения более светлых, темных или менее ярких цветов.

В следующем, 1979 году, СИГГРАФ, Tektronix представили графические терминалы, использующие HSL для обозначения цветов, и Комитет по стандартам компьютерной графики рекомендовал его в своем годовом отчете о статусе (инжир. 7). Эти модели были полезны не только потому, что они были более интуитивно понятными, чем необработанные значения RGB, но и потому, что преобразования в и из RGB были чрезвычайно быстрыми для вычисления: они могли выполняться в реальном времени на оборудовании 1970-х годов. Следовательно, с тех пор эти и аналогичные модели стали повсеместными в программном обеспечении для редактирования изображений и графики. Описаны некоторые из их использования ниже.[12][13][14][15]

Формальное происхождение

Подобная блок-схеме диаграмма показывает происхождение HSL, HSV и модели яркости / цветности / оттенка. Вверху находится «цветной куб» RGB, который на первом этапе наклоняется в свой угол так, чтобы черный лежал внизу, а белый - вверху. На следующем этапе три модели расходятся, и высота красного, желтого, зеленого, голубого, синего и пурпурного цветов устанавливается на основе формулы для яркости, значения или яркости: в HSV все шесть из них помещаются в плоскость белого цвета, образующая перевернутую шестиугольную пирамиду; в HSL все шесть размещены в плоскости посередине между белым и черным, образуя бипирамиду; в модели яркости / цветности / оттенка высота определяется по приблизительной формуле: яркость равна 0,3 умноженным на красный плюс 0,6 умноженным на зеленый плюс 0,1 умноженным на синий. На следующем этапе каждый горизонтальный срез HSL и HSV расширяется, чтобы заполнить шестиугольную призму одинаковой ширины, в то время как модель яркости / цветности / оттенка просто встраивается в эту призму без изменений. На заключительном этапе шестиугольные призмы всех трех моделей превращаются в цилиндры, отражающие характер определения оттенка и насыщенности или цветности. Для получения полной информации и математического аппарата прочтите оставшуюся часть этого раздела.
Рис. 8. Геометрический вывод цилиндрических HSL и HSV представлений «цветового куба» RGB.

Цветообразующие атрибуты

Размеры геометрии HSL и HSV - простые преобразования модели RGB, не основанной на восприятии, - не имеют прямого отношения к фотометрический цветообразующие атрибуты с теми же названиями, по определению таких ученых, как CIE или же ASTM. Тем не менее, прежде чем переходить к выводам наших моделей, стоит пересмотреть эти определения.[D] Следующие определения атрибутов создания цвета см .:[16][17][18][19][20][21]

Оттенок
Атрибут зрительного ощущения, согласно которому область кажется похожей на одну из воспринимаемые цвета: красный, желтый, зеленый и синий или их сочетание ".[16]
Сияние (Lе, Ω)
В лучистая сила света, проходящего через определенную поверхность на единицу телесный угол на единицу проектируемой площади, измеряется в Единицы СИ в ватт на стерадиан на квадратный метр (Вт · ср−1· М−2).
Яркость (Y или же Lv, Ω)
Яркость, взвешенная по влиянию каждой длины волны на обычного человека-наблюдателя, измеряется в единицах СИ в кандела на квадратный метр (кд / м2). Часто термин яркость используется для относительная яркость, Y/Yп, куда Yп это яркость эталона белая точка.
Luma (Y ′)
Взвешенная сумма гамма-коррекция р, грамм, и B значения, и используется в Y′CbCr, за JPEG сжатие и передача видео.
Яркость (или значение)
«Атрибут визуального ощущения, в соответствии с которым кажется, что область излучает больше или меньше света».[16]
Легкость
«Яркость относительно яркости освещенного таким же образом белого».[16]
Красочность
«Атрибут визуального ощущения, в соответствии с которым воспринимаемый цвет области кажется более или менее хроматическим».[16]
Цветность
«Красочность по сравнению с яркостью одинаково освещенного белого».[16]
Насыщенность
«Красочность стимула относительно его собственной яркости».[16]

Яркость и красочность являются абсолютными мерами, которые обычно описывают спектральное распределение света, попадающего в глаз, в то время как легкость и цветность измеряются относительно некоторой точки белого и поэтому часто используются для описания цветов поверхности, оставаясь примерно постоянными даже при изменении яркости и красочности в зависимости от освещение. Насыщенность может быть определен как отношение цветности к яркости или отношение цветности к яркости.

Основной подход

HSL, HSV и родственные модели могут быть получены с помощью геометрических стратегий или могут рассматриваться как конкретные экземпляры «обобщенной модели LHS». Создатели моделей HSL и HSV взяли куб RGB с составляющими количествами красного, зеленого и синего света в цвете, обозначенном р, грамм, B [0, 1][E]- и наклонил его на угол так, чтобы черный находился в начале координат, а белый - прямо над ним по вертикальной оси, затем измерил оттенок цветов в кубе по их углу вокруг этой оси, начиная с красного на 0 °. Затем они придумали характеристику яркости / значения / яркости и определили насыщенность в диапазоне от 0 по оси до 1 в наиболее яркой точке для каждой пары других параметров.[3][10][11]

Оттенок и цветность

Когда куб RGB, наклоненный так, чтобы его белый угол располагался вертикально над его черным углом, проецируется в плоскость, перпендикулярную этой нейтральной оси, он принимает форму шестиугольника с красным, желтым, зеленым, голубым, синим и пурпурным. расположены по углам против часовой стрелки. Эта проекция определяет оттенок и насыщенность любого цвета, как описано в заголовке и тексте статьи.
Рис. 9. И оттенок, и цветность определяются на основе проекции куба RGB на шестиугольник в «плоскости цветности». Цветность - это относительный размер шестиугольника, проходящего через точку, а оттенок - это расстояние от края шестиугольника до точки.

В каждой из наших моделей мы рассчитываем как оттенок и что в этой статье будет называться цветностьпо Джоблаву и Гринбергу (1978), таким же образом - то есть оттенок цвета имеет те же числовые значения во всех этих моделях, как и его цветность. Если мы возьмем наклоненный куб RGB и проект это на "цветность самолет" перпендикуляр относительно нейтральной оси наша проекция принимает форму шестиугольника с красным, желтым, зеленым, голубым, синим и пурпурным по углам (инжир. 9). Оттенок это примерно угол вектор в точку проекции, где красный цвет находится под углом 0 °, а цветность это примерно расстояние от точки до начала координат.[F][ГРАММ]

Точнее, как оттенок, так и цветность в этой модели определяются по отношению к шестиугольной форме проекции. В цветность - пропорция расстояния от начала координат до края шестиугольника. В нижней части соседней диаграммы это соотношение длин OP/OP, или поочередно отношение радиусов двух шестиугольников. Это соотношение представляет собой разницу между наибольшим и наименьшим значениями среди р, грамм, или же B в цвете. Чтобы упростить написание наших определений, мы определим эти максимальное, минимальное и значения компонентов цветности как M, м, и C, соответственно.[ЧАС]

Чтобы понять, почему цветность может быть записана как Mм, обратите внимание, что любой нейтральный цвет с р = грамм = B, проецируется на начало координат и, следовательно, имеет 0 цветов. Таким образом, если мы прибавим или вычтем одну и ту же сумму из всех трех р, грамм, и B, мы движемся по вертикали внутри нашего наклоненного куба и не меняем проекцию. Следовательно, любые два цвета (р, грамм, B) и (рм, граммм, Bм) проектировать на одну и ту же точку и иметь одинаковую цветность. Цветность цвета, один из компонентов которого равен нулю. (м = 0) это просто максимум двух других компонентов. Эта цветность M в частном случае цвета с нулевым компонентом, и Mм в целом.

В оттенок - это пропорция расстояния по краю шестиугольника, проходящего через проецируемую точку, первоначально измеренная в диапазоне [0, 1] но сейчас обычно измеряется в градусы [0°, 360°]. Для точек, которые проецируются на исходную точку в плоскости цветности (т. Е. Серые), оттенок не определен. Математически это определение оттенка записывается кусочно:[Я]

Иногда нейтральные цвета (например, с C = 0) присвоены оттенки 0 ° для удобства представления.

Слева показана шестиугольная проекция, показанная ранее. Справа каждая сторона шестиугольника была преобразована в дугу окружности 60 ° с тем же радиусом.
Рис. 10. Определения оттенок и цветность в HSL и HSV имеют эффект деформации шестиугольников в круги.

Эти определения представляют собой геометрическое деформирование шестиугольников в окружности: каждая сторона шестиугольника линейно отображается на дуге окружности 60 ° (инжир. 10). После такого преобразования оттенок - это точно угол вокруг начала координат, а цветность - расстояние от начала координат: угол и величина вектор указывая на цвет.

Вместо того, чтобы измерять оттенок и цветность относительно шестиугольного края проекции куба RGB на плоскость, перпендикулярную его нейтральной оси, мы можем определить координаты цветности альфа и бета в плоскости - причем альфа указывает в направлении красного, и бета перпендикулярно ему, а затем определите оттенок H2 и насыщенность C2 как их полярные координаты. То есть тангенс оттенка - это бета по сравнению с альфа, а квадрат цветности - это альфа в квадрате плюс бета в квадрате.
Рис. 11. Построение прямоугольных координат цветности. α и β, а затем преобразовать их в оттенок ЧАС2 и цветность C2 дает немного другие значения, чем вычисление гексагонального оттенка ЧАС и цветность C: сравните числа на этой диаграмме с числами, приведенными ранее в этом разделе.

Иногда для приложений анализа изображений это преобразование шестиугольника в круг пропускается, и оттенок и цветность (обозначим эти ЧАС2 и C2) определяются обычными преобразованиями декартовых координат в полярные (инжир. 11). Самый простой способ получить их - использовать пару декартовых координат цветности, которые мы назовем α и β:[22][23][24]

(The atan2 функция, «арктангенс с двумя аргументами», вычисляет угол по декартовой паре координат.)

Обратите внимание, что эти два определения оттенка (ЧАС и ЧАС2) почти совпадают, с максимальной разницей между ними для любого цвета около 1,12 °, что имеет место в двенадцати определенных оттенках, например ЧАС = 13.38°, ЧАС2 = 12.26°-и с ЧАС = ЧАС2 на каждые 30 °. Два определения цветности (C и C2) отличаются более существенно: они равны в углах нашего шестиугольника, но в точках на полпути между двумя углами, например ЧАС = ЧАС2 = 30°, у нас есть C = 1, но C2 = ¾ ≈ 0.866, разница около 13,4%.

Легкость

Когда мы наносим на график значение HSV относительно цветности, результат, независимо от оттенка, представляет собой перевернутый равнобедренный треугольник с черным внизу и белым вверху, заключенный в скобки наиболее хроматическими цветами двух дополнительных оттенков вверху справа и слева. углы. Когда мы наносим на график яркость HSL против цветности, в результате получается ромб, снова с черным внизу и белым вверху, но с красочными дополнениями на горизонтальных концах линии посередине между ними. Когда мы наносим на график среднее значение компонента, иногда называемое интенсивностью HSI, против цветности, в результате получается параллелограмм, форма которого изменяется в зависимости от оттенка, поскольку наиболее хроматические цвета для каждого оттенка варьируются от одной трети до двух третей между черным и белым. Сопоставление яркости и цветности дает параллелограмм гораздо более разнообразной формы: синий лежит примерно на 10 процентах пути от черного к белому, а его дополнительный желтый - на 90 процентах пути; Напротив, зеленый цвет составляет около 60 процентов пути от черного к белому, а его дополнительный пурпурный цвет составляет 40 процентов пути.
Рис. 12a – d. Четыре различных возможных измерения «легкости», нанесенные на график по цветности, для пары дополнительных оттенков. Каждый график представляет собой вертикальное сечение трехмерного цветного тела.

Хотя определение оттенок относительно бесспорный - он примерно удовлетворяет критерию, согласно которому цвета одного и того же воспринимаемого оттенка должны иметь одинаковый числовой оттенок - определение легкость или же ценить Размер менее очевиден: существует несколько возможностей в зависимости от цели и задач представления. Вот четыре самых распространенных (инжир. 12; три из них также показаны на инжир. 8):

  • Самое простое определение - это просто среднее арифметическое, т.е. среднее из трех компонентов, в модели HSI, называемой интенсивность (инжир. 12а). Это просто проекция точки на нейтральную ось - вертикальную высоту точки в нашем наклоненном кубе. Преимущество состоит в том, что вместе с вычислениями евклидова расстояния для оттенка и цветности это представление сохраняет расстояния и углы из геометрии куба RGB.[23][25]
  • В модели HSV "гексикон" ценить определяется как самый большой компонент цвета, наш M над (инжир. 12b). Это помещает все три основных цвета, а также все «вторичные цвета» - голубой, желтый и пурпурный - в плоскость с белым, образуя шестиугольная пирамида из куба RGB.[10]
  • В модели HSL "бигексон" легкость определяется как среднее значение наибольшего и наименьшего цветовых компонентов (инжир. 12c), т.е. средний диапазон компонентов RGB. Это определение также помещает первичный и вторичный цвета в плоскость, но плоскость проходит посередине между белым и черным. Полученное цветное твердое тело представляет собой двойной конус, похожий на конус Оствальда, показано выше.[11]
  • Более релевантной для восприятия альтернативой является использование яркость, Y ′, как измерение легкости (инжир. 12d). Luma - это средневзвешенное гамма-коррекции р, грамм, и B, основанные на их вкладе в воспринимаемую легкость, долгое время использовавшуюся в качестве монохроматического измерения в цветном телевизионном вещании. За sRGB, то Рек. 709 первичные выборы Y ′709, цифровой NTSC использует Y ′601 в соответствии с Рек. 601 и некоторые другие основные цвета также используются, что приводит к другим коэффициентам.[26][J]
    (SDTV)
    (Adobe)
    (HDTV)
    (UHDTV, HDR)

Все четыре из них оставляют нейтральную ось в покое. То есть для цветов с р = грамм = B, любая из четырех формулировок дает легкость, равную значению р, грамм, или же B.

Для графического сравнения см. инжир. 13 ниже.

Насыщенность

Рис. 14a – d. И в HSL, и в HSV, насыщенность просто масштабирование цветности для заполнения интервала [0, 1] для любой комбинации оттенка и легкости или стоимости.

При кодировании цветов в модели оттенок / яркость / цветность или оттенок / значение / цветность (с использованием определений из предыдущих двух разделов) не все комбинации яркости (или значения) и цветности значимы: то есть половина цветов обозначаемый с помощью ЧАС ∈ [0°, 360°), C ∈ [0, 1], и V ∈ [0, 1] выходят за пределы диапазона RGB (серые части срезов на рисунке 14). Создатели этих моделей посчитали это проблемой для некоторых применений. Например, в интерфейсе выбора цвета с двумя размерами в прямоугольнике и третьим на ползунке половина этого прямоугольника состоит из неиспользуемого пространства. Теперь представьте, что у нас есть ползунок для яркости: намерение пользователя при настройке этого ползунка потенциально неоднозначно: как программное обеспечение должно обрабатывать цвета вне гаммы? Или наоборот, если пользователь выбрал как можно более красочный темно-фиолетовый , а затем сдвигает ползунок яркости вверх, что должно быть сделано: предпочел бы пользователь видеть более светлый фиолетовый все еще как можно более красочным для данного оттенка и яркости , или более светлый фиолетовый точно такой же цветности, что и исходный цвет ?[11]

Для решения подобных проблем модели HSL и HSV масштабируют цветность так, чтобы она всегда попадала в диапазон [0, 1] для каждой комбинации оттенка и яркости или значения, вызывая новый атрибут насыщенность в обоих случаях (рис. 14). Чтобы вычислить любой, просто разделите цветность на максимальное значение цветности для этого значения или яркости.

Рис. 15a – b. В HSI, насыщенность, показанный в срезе справа, примерно соответствует цветности относительно яркости. Также распространены модели с габаритами я, ЧАС2, C2, показанный в разрезе слева. Обратите внимание, что оттенок этих фрагментов такой же, как и оттенок выше, но ЧАС немного отличается от ЧАС2.

Модель HSI, обычно используемая для компьютерного зрения, которая требует ЧАС2 в качестве размера оттенка и среднего компонента я («интенсивность») как измерение легкости, не пытается «заполнить» цилиндр по его определению насыщенности. Вместо того, чтобы предоставлять конечным пользователям интерфейсы для выбора цвета или модификации, цель HSI - облегчить разделение форм на изображении. Таким образом, насыщенность определяется в соответствии с психометрическим определением: цветность относительно легкости (инжир. 15). Увидеть Использование в анализе изображений раздел этой статьи.[28]

Использование одного и того же имени для этих трех разных определений насыщенности приводит к некоторой путанице, поскольку три атрибута описывают существенно разные цветовые отношения; в HSV и HSI этот термин примерно соответствует психометрическому определению насыщенности цвета относительно его собственной легкости, но в HSL он не подходит. Хуже того, слово насыщенность также часто используется для одного из измерений, которые мы называем выше цветностью (C или же C2).

Примеры

Все значения параметров, показанные ниже, даны в процентах (интервал [0, 1] масштабируется в 100 раз), за исключением ЧАС и ЧАС2 которые находятся в интервале [0°, 360°].[K]

ЦветКаналОттенокЦветностьКомпонентLumaНасыщенность
рграммBЧАСЧАС2CC2VLяY ′601SVSLSя
белый100%100%100%Нет данных00%100%100%100%100%00%
#80808050%50%50%Нет данных00%50%50%50%50%00%
чернить00%00%00%Нет данных00%00%00%00%00%00%
красный100%00%00%0°100%100%50%33.3%29.9%100%
# BFBF0075%75%00%60°75%75%37.5%50%66.4%100%
#00800000%50%00%120°50%50%25%16.7%29.3%100%
# 80FFFF50%100%100%180°50%100%75%83.3%85%50%100%40%
# 8080FF50%50%100%240°50%100%75%66.7%55.7%50%100%25%
# BF40BF75%25%75%300°50%75%50%58.3%45.7%66.7%50%57.1%
# A0A42462.8%64.3%14.2%61.8°61.5°50.1%49.4%64.3%39.3%47.1%58.1%77.9%63.8%69.9%
# 411BEA25.5%10.4%91.8%251.1°250°81.4%75%91.8%51.1%42.6%24.2%88.7%83.2%75.6%
# 1EAC4111.6%67.5%25.5%134.9°133.8°55.9%50.4%67.5%39.6%34.9%46%82.8%70.7%66.7%
# F0C80E94.1%78.5%05.3%49.5°50.5°88.8%82.1%94.1%49.8%59.3%74.8%94.4%89.3%91.1%
# B430E570.4%18.7%89.7%283.7°284.8°71%63.6%89.7%54.3%59.6%42.3%79.2%77.5%68.6%
# ED765193.1%46.3%31.6%14.3°13.2°61.5%55.6%93.1%62.4%57%58.6%66.1%81.7%44.6%
# FEF88899.8%97.4%53.2%56.9°57.4°46.6%45.4%99.8%76.5%83.5%93.1%46.7%99.1%36.3%
# 19CB9709.9%79.5%59.1%162.4°163.4°69.6%62%79.5%44.7%49.5%56.4%87.5%77.9%80%
#36269821.1%14.9%59.7%248.3°247.3°44.8%42%59.7%37.3%31.9%21.9%75%60.1%53.3%
# 7E7EB849.5%49.3%72.1%240.5°240.4°22.8%22.7%72.1%60.8%57%52%31.6%29%13.5%

Использование в программном обеспечении для конечных пользователей

Рис. 16a – g. К 1990-м годам инструменты выбора цвета HSL и HSV были повсеместными. Скриншоты выше взяты из:
· (А) SGI IRIX 5, в. 1995;
· (Б) Adobe Photoshop, c. 1990;
· (C) IBM OS / 2 Деформация 3, в. 1994;
· (D) Apple Macintosh Система 7, c. 1996;
· (Д) Фрактальный дизайн Художник, c. 1993;
· (F) Microsoft Windows 3.1, c. 1992;
· (грамм) Следующий шаг, c. 1995 г.
Несомненно, они основаны на более ранних примерах, восходящих к PARC и NYIT в середине 1970-х годов.[L]

Первоначальная цель HSL и HSV и подобных моделей, а также их наиболее распространенное текущее применение заключается в инструменты выбора цвета. В простейшем случае некоторые такие палитры цветов предоставляют три ползунка, по одному для каждого атрибута.Однако большинство из них показывают двухмерный срез модели вместе с ползунком, управляющим отображением конкретного среза. Последний тип графического интерфейса пользователя отличается большим разнообразием из-за выбора цилиндров, шестиугольных призм или конусов / биконусов, предлагаемых моделями (см. Диаграмму рядом с верх страницы). Справа показаны несколько средств выбора цвета из 1990-х годов, большинство из которых практически не изменилось за прошедшее время: сегодня почти каждый компьютерный селектор цвета использует HSL или HSV, по крайней мере, в качестве опции. Некоторые более сложные варианты предназначены для выбора целых наборов цветов, основываясь на своих предложениях совместимых цветов на HSL или HSV отношениях между ними.[M]

Большинство веб-приложений, которым требуется выбор цвета, также основывают свои инструменты на HSL или HSV, а для большинства основных веб-интерфейсов существуют предварительно упакованные средства выбора цвета с открытым исходным кодом. рамки. В CSS 3 Спецификация позволяет веб-авторам указывать цвета для своих страниц непосредственно с координатами HSL.[N][29]

HSL и HSV иногда используются для определения градиентов для визуализация данных, как на картах или медицинских изображениях. Например, популярный ГИС программа ArcGIS исторически применяемые настраиваемые градиенты на основе HSV для числовых географических данных.[O]

XV hsv-модификация.png
Рис 17. xvмодификатор цвета на основе HSV.
PS 2.5 Hue-Saturation Tool.png
Рис. 18. Инструмент оттенка / насыщенности в Фотошоп 2,5, ок. 1992 г.

Редактирование изображений программное обеспечение также обычно включает инструменты для настройки цветов со ссылкой на координаты HSL или HSV или на координаты в модели на основе «интенсивности» или яркости. определено выше. В частности, инструменты с парой ползунков «оттенок» и «насыщенность» стали обычным явлением, начиная, по крайней мере, с конца 1980-х годов, но также были реализованы различные более сложные инструменты цвета. Например, Unix средство просмотра изображений и редактор цветов xv допускается шесть определяемых пользователем оттенков (ЧАС) диапазоны для поворота и изменения размера, включая набирать номер-подобный контроль насыщенности (SHSV), а кривые-подобный интерфейс для управления значением (V) - см. Рис. 17. Редактор изображений Окно изображения Pro включает в себя инструмент «цветокоррекции», который обеспечивает сложное переназначение точек в плоскости оттенка / насыщенности относительно пространства HSL или HSV.[П]

Видео редакторы также используйте эти модели. Например, оба Avid и Final Cut Pro включить инструменты цвета, основанные на HSL или аналогичной геометрии, для использования для настройки цвета в видео. С помощью инструмента Avid пользователи выбирают вектор, щелкая точку в круге оттенка / насыщенности, чтобы сместить все цвета на некотором уровне яркости (тени, полутона, блики) по этому вектору.

Начиная с версии 4.0, Adobe Photoshop «Яркость», «Оттенок», «Насыщенность» и «Цвет» режимы наложения составные слои, использующие геометрию цвета яркости / цветности / оттенка. Они были широко скопированы, но несколько имитаторов используют HSL (например, Фотоудар, Покрасочная мастерская Pro) или HSV (например, GIMP) геометрии.[Q]

Использование в анализе изображений

HSL, HSV, HSI или связанные модели часто используются в компьютерное зрение и анализ изображений за обнаружение функции или же сегментация изображения. Приложения таких инструментов включают обнаружение объектов, например, в зрение робота; распознавание объекта, например лица, текст, или же номерные знаки; поиск изображений на основе содержимого; и анализ медицинских изображений.[28]

По большей части алгоритмы компьютерного зрения, используемые для цветных изображений, являются прямым расширением алгоритмов, разработанных для оттенки серого изображения, например k-означает или же нечеткая кластеризация цветов пикселей, или хитрый обнаружение края. В простейшем случае каждый компонент цвета отдельно проходит через один и тот же алгоритм. Поэтому важно, чтобы Особенности представляющие интерес можно различить по используемым цветовым размерам. Поскольку р, грамм, и B компоненты цвета объекта в цифровом изображении все коррелируют с количеством света, падающего на объект, и, следовательно, друг с другом описания изображения с точки зрения этих компонентов затрудняют различение объектов. Описание с точки зрения оттенка / легкости / насыщенности или оттенка / легкости / насыщенности часто более актуально.[28]

Начиная с конца 1970-х годов преобразования вроде HSV или HSI использовались как компромисс между эффективностью сегментации и вычислительной сложностью. Их можно рассматривать как сходные по подходу и назначению с нейронной обработкой, используемой человеческим цветовым зрением, без согласования в деталях: если целью является обнаружение объекта, грубое разделение оттенка, яркости и цветности или насыщенности эффективно, но нет особая причина строго имитировать человеческую цветовую реакцию. В магистерской диссертации Джона Кендера 1976 года была предложена модель HSI. Охта и др. (1980) вместо этого использовали модель, состоящую из размеров, подобных тем, которые мы назвали я, α, и β. В последние годы такие модели продолжают широко использоваться, поскольку их производительность выгодно отличается от более сложных моделей, а их вычислительная простота остается убедительной.[Р][28][34][35][36]

Недостатки

Рис. 20а. В sRGB гамма отображается в пространстве CIELAB. Обратите внимание, что линии, указывающие на красный, зеленый и синий основные цвета, неравномерно распределены по углу оттенка и имеют неравную длину. На праймериз тоже разные L* значения.
Рис 20б. В Adobe RGB гамма отображается в пространстве CIELAB. Также обратите внимание, что эти два пространства RGB имеют разные гаммы и, следовательно, будут иметь разные представления HSL и HSV.

Хотя HSL, HSV и связанные пространства служат достаточно хорошо, например, чтобы выбрать один цвет, они игнорируют большую часть сложности внешнего вида цвета. По сути, они жертвуют перцепционной релевантностью для скорости вычислений, начиная с того времени в истории вычислений (высокопроизводительные графические рабочие станции 1970-х годов или потребительские настольные компьютеры середины 1990-х годов), когда более сложные модели были бы слишком дорогими в вычислительном отношении.[S]

HSL и HSV - это простые преобразования RGB, которые сохраняют симметрии в кубе RGB, не связанные с человеческим восприятием, так что его р, грамм, и B углы равноудалены от нейтральной оси и на равном расстоянии от нее. Если мы построим цветовую гамму RGB в более однородном для восприятия пространстве, таком как CIELAB (видеть ниже) сразу становится ясно, что красный, зеленый и синий основные цвета не имеют одинаковой яркости или цветности или равномерно распределенных оттенков. Кроме того, разные дисплеи RGB используют разные основные цвета и поэтому имеют разные гаммы. Поскольку HSL и HSV определены исключительно в отношении некоторого пространства RGB, они не являются абсолютные цветовые пространства: для точного указания цвета требуется сообщать не только значения HSL или HSV, но и характеристики пространства RGB, на котором они основаны, включая гамма-коррекция в использовании.

Если мы возьмем изображение и выделим компоненты оттенка, насыщенности и яркости или значения, а затем сравним их с одноименными компонентами, определенными учеными-цветоводами, мы сможем быстро увидеть разницу на уровне восприятия. Например, рассмотрите следующие изображения дыхательного аппарата огня (инжир. 13). Оригинал находится в цветовом пространстве sRGB. CIELAB L* - величина ахроматической яркости, определяемая CIE (зависит исключительно от воспринимаемой ахроматической яркости Y, но не смешанные хроматические компоненты Икс или же Z, цветового пространства CIEXYZ, из которого получено само цветовое пространство sRGB), и очевидно, что оно похоже по воспринимаемой легкости с исходным цветным изображением. Яркость примерно одинакова, но несколько отличается в высокой цветности, где она больше всего отклоняется от зависимости исключительно от истинной ахроматической яркости (Y, или эквивалентно L*) и зависит от колориметрической цветности (х, у, или эквивалентно, а *, б * компании CIELAB). HSL L и HSV V, напротив, существенно отличаются от легкости восприятия.

Полноцветное изображение показывает высококонтрастную и весьма драматичную сцену огнедышащего человека с большим оранжево-желтым пламенем, выходящим из его губ. Он носит темную, но яркую оранжево-красную одежду.
Рис. 13а. Цветная фотография (цветовое пространство sRGB).
Изображение в градациях серого, показывающее компонент яркости CIELAB фотографии, кажется точной визуализацией сцены: оно выглядит примерно так, как будет выглядеть черно-белая фотография, сделанная на панхроматической пленке, с четкими деталями в пламени, которое намного ярче чем мужской костюм или фон.
Рис. 13б. CIELAB L* (преобразован обратно в sRGB для согласованного отображения).
Изображение в градациях серого, показывающее яркость, примерно похоже на изображение яркости CIELAB, но немного ярче в областях, которые изначально были очень красочными.
Рис. 13c. Рек. 601 яркость Y '.
Изображение в градациях серого, показывающее компонентную среднюю (интенсивность HSI) фотографии, является гораздо менее убедительным факсимиле цветной фотографии с пониженным контрастом, особенно с его более темным пламенем, чем в оригинале.
Рис. 13d. Среднее значение компонента: «интенсивность» я.
Изображение в градациях серого, показывающее компонент значения HSV фотографии, оставляет пламя полностью белым (на языке фотографов, «потухшим»), а одежда мужчины - слишком яркой.
Рис. 13e. Значение HSV V.
Изображение в градациях серого, показывающее компонент яркости HSL фотографии, отображает пламя примерно как средне-серый и портит драматический эффект оригинала, радикально уменьшая его контраст.
Рис. 13f. HSL легкость L.

Хотя ни одно из измерений в этих пространствах не соответствует их перцептивным аналогам, ценить HSV и насыщенность HSL являются конкретными нарушителями. В HSV синий первичный и белый считаются имеющими одинаковое значение, даже несмотря на то, что перцептивно синий первичный цвет имеет где-то около 10% яркости белого (точная доля зависит от конкретных используемых первичных цветов RGB). В HSL это смесь 100% красного, 100% зеленого, 90% синего, то есть очень светло-желтого - имеет ту же насыщенность, что и зеленый основной , хотя первый цвет почти не имеет цветности или насыщенности согласно общепринятым психометрическим определениям. Такие извращения заставили Синтию Брюэр, эксперт по выбору цветовых схем для карт и информационных дисплеев, Американская статистическая ассоциация:

Компьютерная наука предлагает несколько более бедных родственников этим пространствам восприятия, которые также могут появиться в вашем программном интерфейсе, например HSV и HLS. Это простые математические преобразования RGB, и они кажутся системами восприятия, потому что в них используется терминология оттенок – легкость / значение – насыщенность. Но внимательно присмотритесь; не обманывайтесь. Воспринимаемые цветовые измерения плохо масштабируются цветовыми спецификациями, которые предусмотрены в этих и некоторых других системах. Например, насыщенность и яркость смешаны, поэтому шкала насыщенности может также содержать широкий диапазон яркости (например, она может переходить от белого к зеленому, что является комбинацией яркости и насыщенности). Точно так же смешиваются оттенок и яркость, поэтому, например, насыщенный желтый и насыщенный синий могут быть обозначены как одна и та же «легкость», но имеют большие различия в воспринимаемой легкости. Эти недостатки затрудняют использование систем для систематического управления внешним видом цветовой схемы. Если для достижения желаемого эффекта требуется большая настройка, система дает мало преимуществ по сравнению с необработанными спецификациями в RGB или CMY.[37]

Если эти проблемы делают HSL и HSV проблематичными для выбора цветов или цветовых схем, они делают их намного хуже для настройки изображения. HSL и HSV, как упоминал Брюэр, смешивают перцепционные атрибуты создания цвета, так что изменение любого измерения приводит к неоднородным изменениям всех трех перцептивных измерений и искажает все цветовые отношения в изображении. Например, поворот оттенка чистого темно-синего к зеленому также уменьшит воспринимаемую цветность и увеличит воспринимаемую легкость (последняя становится более серой и светлой), но такое же вращение оттенка будет иметь противоположное влияние на яркость и цветность более светлого голубовато-зеленого - к (последний более красочный и немного темнее). В примере ниже (инжир. 21 год), изображение слева (а) - это исходная фотография зеленая черепаха. На среднем изображении (b) мы повернули оттенок (ЧАС) каждого цвета на −30°, сохраняя при этом значение и насыщенность HSV или яркость и насыщенность HSL постоянными. На изображении справа (c) мы делаем такое же вращение для оттенка HSL / HSV каждого цвета, но затем мы устанавливаем яркость CIELAB (L*, приличное приближение воспринимаемой легкости), чтобы оставаться постоянным. Обратите внимание, как средняя версия со смещенным оттенком без такой коррекции резко меняет воспринимаемые отношения яркости между цветами на изображении. В частности, панцирь черепахи намного темнее и менее контрастен, а фоновая вода намного светлее.

Рис. 21а. Цветная фотография.
Рис. 21б. HSL / HSV оттенок каждого цвета, смещенный на −30°.
Рис. 21c. Оттенок сместился, но легкость CIELAB (L*) сохранены как в оригинале.

Поскольку оттенок - это круговая величина, представленная численно с разрывом на 360 °, его трудно использовать в статистических вычислениях или количественных сравнениях: для анализа требуется использование круговая статистика.[38] Кроме того, оттенок определяется кусочно, кусками по 60 °, где соотношение яркости, значения и цветности р, грамм, и B зависит от рассматриваемого фрагмента оттенка. Это определение вводит разрывы, углы, которые можно четко увидеть на горизонтальных срезах HSL или HSV.[39]

Чарльз Пойнтон, эксперт по цифровому видео, перечисляет вышеупомянутые проблемы с HSL и HSV в своем Цвет FAQ, и заключает, что:

HSB и HLS были разработаны для числового определения оттенка, насыщенности и яркости (или оттенка, яркости и насыщенности) в эпоху, когда пользователям приходилось указывать цвета численно. Обычные составы HSB и HLS имеют недостатки в отношении свойств цветового зрения. Теперь, когда пользователи могут выбирать цвета визуально или выбирать цвета, относящиеся к другим носителям (например, PANTONE) или используйте системы, основанные на восприятии, например L * u * v * и Л * а * б *, От HSB и HLS следует отказаться.[40]

Другие цветовые модели с цилиндрическими координатами

Создатели HSL и HSV были далеко не первыми, кто вообразил, что цвета вписываются в конические или сферические формы с нейтральными оттенками, переходящими от черного к белому по центральной оси, и оттенками, соответствующими углам вокруг этой оси. Подобные устройства восходят к 18 веку и продолжают развиваться в самых современных и научных моделях.

Формулы преобразования цвета

Чтобы преобразовать из HSL или HSV в RGB, мы, по сути, инвертируем перечисленные шаги над (как прежде, р, грамм, B [0, 1]). Сначала мы вычисляем цветность, умножая насыщенность на максимум цветности для данной яркости или значения. Затем мы находим точку на одной из трех нижних граней куба RGB, которая имеет тот же оттенок и цветность, что и наш цвет (и, следовательно, проецируется на ту же точку в плоскости цветности). Наконец, мы добавляем равное количество р, грамм, и B чтобы достичь нужной легкости или ценности.[ГРАММ]

В RGB

HSL в RGB

Учитывая цвет с оттенком ЧАС ∈ [0°, 360°], насыщенность SL ∈ [0, 1], и легкость L ∈ [0, 1], сначала находим цветность:

Тогда мы можем найти точку (р1, грамм1, B1) вдоль трех нижних граней куба RGB с тем же оттенком и насыщенностью, что и наш цвет (с использованием промежуточного значения Икс для второго по величине компонента этого цвета):

В приведенном выше уравнении обозначения относится к остатку от евклидового разделения пользователем 2. не обязательно целое число.

Перекрытие (когда является целым числом) возникает потому, что два способа вычисления значения эквивалентны: или же , в зависимости от обстоятельств.

Наконец, мы можем найти р, грамм, и B добавив одинаковое количество к каждому компоненту, чтобы добиться легкости:

Альтернатива HSL в RGB

Полигональные кусочные функции можно несколько упростить, если грамотно использовать минимальные и максимальные значения, а также операцию с остатком.

Учитывая цвет с оттенком , насыщенность , и легкость , мы сначала определяем функцию:

куда и:

И вывести значения R, G, B (из ) находятся:

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

Базовая форма строится следующим образом: представляет собой «треугольник», для которого значения больше или равны -1, начинаются с k = 2 и заканчиваются при k = 10, высшая точка находится в k = 6. Затем по мы меняем значения больше 1 на точное 1. Затем мы меняем значения меньше -1 на точное -1. На этом этапе мы получаем нечто похожее на красную фигуру с рис. 24 после вертикального переворота (максимальное значение равно 1, а минимальное значение -1). Функции R, G, B используйте эту форму, преобразованную следующим образом: со сдвигом по модулю на ) (иначе для R, G, B) масштабируется на ) и сдвинулся на ).

Мы наблюдаем следующие свойства формы (рис. 24 может помочь получить о них интуитивное представление):

HSV в RGB

Рис. 24. Графическое представление координат RGB с заданными значениями для HSV. Это уравнение показывает начало отмеченных значений вертикальной оси

Учитывая цвет HSV с оттенком ЧАС ∈ [0°, 360°], насыщенность SV ∈ [0, 1], и значение V ∈ [0, 1], мы можем использовать ту же стратегию. Сначала находим цветность:

Тогда мы снова сможем найти точку (р1, грамм1, B1) вдоль трех нижних граней куба RGB с тем же оттенком и насыщенностью, что и наш цвет (с использованием промежуточного значения Икс для второго по величине компонента этого цвета):

Перекрытие (когда является целым числом) возникает потому, что два способа вычисления значения эквивалентны: или же , в зависимости от обстоятельств.

Наконец, мы можем найти р, грамм, и B добавляя одинаковое количество к каждому компоненту, чтобы соответствовать значению:

Альтернатива HSV в RGB

Учитывая цвет с оттенком , насыщенность , и значение , сначала мы определяем функцию:

куда и:

И вывести значения R, G, B (из ) находятся:

Вышеупомянутые альтернативные эквивалентные формулы позволяют более короткую реализацию. В приведенных выше формулах возвращает также дробную часть модуля, например. формула . Ценности . Базовая форма

строится следующим образом: представляет собой «треугольник», неотрицательные значения которого начинаются с k = 0, наивысшая точка при k = 2 и «заканчивается» при k = 4, затем мы меняем значения больше одного на одно на , затем измените отрицательные значения на ноль с помощью - и получаем (для ) что-то похожее на зеленую фигуру на рис. 24 (максимальное значение равно 1, а минимальное - 0). Функции R, G, B используйте эту форму, преобразованную следующим образом: со сдвигом по модулю на ) (иначе для R, G, B) масштабируется на ) и сдвинулся на ). Мы наблюдаем следующие свойства формы (рис. 24 может помочь понять это):

HSI в RGB

Учитывая цвет HSI с оттенком ЧАС ∈ [0°, 360°], насыщенность Sя ∈ [0, 1], и интенсивность я ∈ [0, 1], мы можем использовать ту же стратегию, но в несколько другом порядке:

Где это цветность.

Тогда мы снова сможем найти точку (р1, грамм1, B1) вдоль трех нижних граней куба RGB с тем же оттенком и насыщенностью, что и наш цвет (с использованием промежуточного значения Икс для второго по величине компонента этого цвета):

Перекрытие (когда является целым числом) возникает потому, что два способа вычисления значения эквивалентны: или же , в зависимости от обстоятельств.

Наконец, мы можем найти р, грамм, и B добавив одинаковое количество к каждому компоненту, чтобы добиться легкости:

Яркость, цветность и оттенок в RGB

Учитывая цвет с оттенком ЧАС ∈ [0°, 360°], цветность C ∈ [0, 1], и яркость Y601 ∈ [0, 1],[T] мы снова можем использовать ту же стратегию. Поскольку у нас уже есть ЧАС и C, мы сразу можем найти свою точку зрения (р1, грамм1, B1) по трем нижним граням куба RGB:

Перекрытие (когда является целым числом) возникает потому, что два способа вычисления значения эквивалентны: или же , в зависимости от обстоятельств.

Тогда мы можем найти р, грамм, и B добавив одинаковое количество к каждому компоненту, чтобы соответствовать яркости:

Взаимное преобразование

HSV в HSL

Учитывая цвет с оттенком , насыщенность , и значение ,

HSL в HSV

Учитывая цвет с оттенком , насыщенность , и яркость ,

Из RGB

Это повторение предыдущего преобразования.

Значение должно быть в диапазоне .

С максимальной составляющей (т.е. значением)

и минимальный компонент

,

диапазон (т.е. цветность)

и средний диапазон (т.е. легкость)

,

получаем общий оттенок:

и четкая насыщенность:

Образцы

Наведите указатель мыши на образцы ниже, чтобы увидеть р, грамм, и B значения для каждого образца в всплывающая подсказка.

HSL

ЧАС = 180°
(Голубой)
ЧАС = 0°
(Красный)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 210°
(Голубой-голубой)
ЧАС = 30°
(Желто-красный)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 240°
(Синий)
ЧАС = 60°
(Желтый)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 270°
(Пурпурный-синий)
ЧАС = 90°
(Желто-зеленый)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 300°
(Пурпурный)
ЧАС = 120°
(Зеленый)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 330°
(Красно-пурпурный)
ЧАС = 150°
(Голубой-зеленый)
S
L
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         


HSV

ЧАС = 180°
(Голубой)
ЧАС = 0°
(Красный)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 210°
(Голубой-голубой)
ЧАС = 30°
(Желто-красный)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 240°
(Синий)
ЧАС = 60°
(Желтый)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 270°
(Пурпурный-синий)
ЧАС = 90°
(Желто-зеленый)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 300°
(Пурпурный)
ЧАС = 120°
(Зеленый)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         
ЧАС = 330°
(Красно-пурпурный)
ЧАС = 150°
(Голубой-зеленый)
S
V
134121401412341
1         
78         
34         
58         
12         
38         
14         
18         
0         


Примечания

  1. ^ В Джоблав и Гринберг (1978) В статье, впервые представившей HSL, они назвали яркость HSL «интенсивностью», насыщенность HSL «относительной цветностью», назвали насыщенность HSV «насыщенностью» и назвали значение HSV «значением». Они тщательно и недвусмысленно описали и сравнили три модели: оттенок / цветность / интенсивность, оттенок / относительная цветность / интенсивность и оттенок / значение / насыщенность. К сожалению, более поздние авторы были менее разборчивы, и нынешнее использование этих терминов непоследовательно и часто вводит в заблуждение.
  2. ^ Название гексикон гексагональной пирамиды был придуман в Смит (1978), и застрял.
  3. ^ Например, исследование 1982 г., проведенное Berk и др., Показало, что пользователи лучше описывают цвета в терминах HSL, чем в координатах RGB, после обучения обеим системам, но гораздо лучше описывают их в терминах естественного языка. Модель ЦНС (в которой используются такие названия, как «очень темный серовато-желто-зеленый» или «средне-сильный синевато-фиолетовый»). Однако это не следует воспринимать как евангелие: исследование 1987 года, проведенное Шварцем и др., Показало, что пользователи могут сопоставлять цвета с помощью элементов управления RGB быстрее, чем с элементами управления HSL; Исследование 1999 года, проведенное Дугласом и Киркпатриком, показало, что визуальная обратная связь в пользовательском интерфейсе имеет большее значение, чем конкретная используемая цветовая модель, для скорости сопоставления пользователей.[7][8][9]
  4. ^ «Ясно, что если появление цвета должно быть описано систематическим, математическим способом, определения описываемых явлений должны быть точными и общепринятыми».[16]
  5. ^ В Левковица и Германа формулировка р, грамм, и B обозначают напряжения на пушках ЭЛТ-дисплея, которые могут иметь разные максимумы, и поэтому их декартовы гамма мог быть ящик любых неравных размеров. В других определениях обычно используются целочисленные значения в диапазоне [0, 255], сохраняя значение для каждого компонента в одном байт. Мы определяем цветовую гамму RGB как единичный куб для удобства, поскольку он упрощает и проясняет математику. Кроме того, как правило, HSL и HSV сегодня вычисляются непосредственно из гамма-коррекция р, грамм, и B- например, в sRGB пространство - но, когда модели были разработаны, это могло быть преобразование линейного пространства RGB. Ранние авторы вообще не рассматривали гамма-коррекцию, за исключением Элви Рэй Смит[10] который четко заявляет, что «мы будем предполагать, что монитор RGB является линейным устройством», и поэтому разработал HSV с использованием линейного RGB. Мы отбросим простые числа и метки р, грамм, и B следует понимать, что это три атрибута исходного пространства RGB, вне зависимости от гамма-коррекции.
  6. ^ С использованием цветность здесь не только согласен с оригиналом Джоблав и Гринберг (1978) документ, но также находится в правильном духе психометрического определения термина. Некоторые модели называют этот атрибут насыщенность-например Adobe Photoshopрежим наложения «Насыщенность» - но такое использование еще более сбивает с толку, чем использование термина в HSL или HSV, особенно когда два существенно разных определения используются бок о бок.
  7. ^ а б Большинство статей и книг по компьютерной графике, в которых обсуждаются HSL или HSV, имеют формулу или алгоритм, описывающий их формально. Наши формулы, которые следуют ниже, представляют собой смесь из них. См., Например, Агостон (2005) или же Фоли (1995)
  8. ^ Хэнбери и Серра (2002) приложили много усилий, чтобы объяснить, почему то, что мы называем цветность здесь можно записать как Максимум(р, грамм, B) - мин (р, грамм, B), и показывая, что это значение полунорма. Они оставляют за собой имя цветность для Евклидова норма в плоскости цветности (наш C2), и назовем это гексагональное расстояние насыщенность вместо этого, как часть их модели IHLS
  9. ^ В дальнейшем умножение оттенка на 60 °, то есть 360 ° / 6, можно рассматривать как аналог гексагональной геометрии преобразования из радианы в градусы, умножение на 360 ° / 2π: окружность единичный круг 2π; окружность единичного шестиугольника равна 6.
  10. ^ Для более конкретного обсуждения термина яркостьсм. Чарльз Пойнтон (2008). Смотрите также Цветовое пространство RGB # Технические характеристики. Photoshop использует исключительно коэффициенты NTSC для режима наложения «Яркость» независимо от задействованного цветового пространства RGB.[27]
  11. ^ Первые девять цветов в этой таблице были выбраны вручную, а последние десять цветов были выбраны случайным образом.
  12. ^ Видеть Смит (1978). Многие из этих скриншотов были взяты из GUIdebook, а остальные были получены из результатов поиска изображений.
  13. ^ Например, инструмент в Иллюстратор CS4 и соответствующий веб-инструмент Adobe, Kuler, оба позволяют пользователям определять цветовые схемы на основе отношений HSV, но с измененным кругом оттенка, чтобы лучше соответствовать RYB модель традиционно используется художниками. Веб-инструменты ColorJack, Мастер цвета, и ColorBlender все цветовые схемы подбирать со ссылкой на HSL или HSV.
  14. ^ Попробуйте поискать в Интернете по запросу "" название платформы "палитра цветов", чтобы найти примеры для данной платформы, или "JavaScript палитра цветов "для общих результатов.
  15. ^ ArcGIS называет свои градиенты символов карты «цветовыми рамками». Текущие версии ArcGIS могут использовать CIELAB вместо их определения.[30]
  16. ^ Например, в первой версии Photoshop был инструмент на основе HSL; видеть «Цветовой тон / насыщенность Photoshop» в GUIdebook для скриншотов.[31][32]
  17. ^ В документации Photoshop объясняется это, например, «Яркость: Создает результирующий цвет с оттенком и насыщенностью основного цвета и яркостью смешанного цвета».[33]
  18. ^ Охта и др. модель имеет параметры я1 = (р + грамм + B)/3, я2 = (рB)/2, я3 = (2граммрB)/4. я1 такой же, как и наш я, и я2 и я3 похожи на наши β и αсоответственно, за исключением того, что (а) где α указывает в направлении р в «плоскости цветности», я3 указывает в направлении грамм, и (b) параметры имеют другое линейное масштабирование, которое позволяет избежать 3 из нашего β.
  19. ^ Большинство недостатков ниже перечислены в Пойнтон (1997)правда, как простые утверждения, без примеров.
  20. ^ Некоторые точки в этом цилиндре выпадают из гамма.

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

  1. ^ Патент FR 841335, Валенси, Жорж, "Procédé de télévision en couleurs", опубликовано 17 мая 1939 г., выпущено 6 февраля 1939 г. 
  2. ^ Патент США 2375966, Валенси, Жорж, "Система цветного телевидения", опубликовано 15 мая 1945 г. 
  3. ^ а б Левковиц и Герман (1993)
  4. ^ Вильгельм Оствальд (1916). Die Farbenfibel. Лейпциг.
  5. ^ Вильгельм Оствальд (1918). Die Harmonie der Farben. Лейпциг.
  6. ^ Патент США 4694286, Бергштедт, Гар А., «Устройство и метод для изменения отображаемых цветных изображений», опубликовано 15 сентября 1987 г., передано Tektronix, Inc. 
  7. ^ Тоби Берк; Ари Кауфман; Ли Браунстон (август 1982 г.). «Исследование человеческого фактора в системах цветовой нотации компьютерной графики». Коммуникации ACM. 25 (8): 547–550. Дои:10.1145/358589.358606.
  8. ^ Майкл В. Шварц; Уильям Б. Коуэн; Джон С. Битти (апрель 1987 г.). «Экспериментальное сравнение цветовых моделей RGB, YIQ, LAB, HSV и оппонента». Транзакции ACM на графике. 6 (2): 123–158. Дои:10.1145/31336.31338.
  9. ^ Сара А. Дуглас; Артур Э. Киркпатрик (апрель 1999 г.). «Модель и представление: влияние визуальной обратной связи на работу человека в интерфейсе выбора цвета». Транзакции ACM на графике. 18 (2): 96–127. Дои:10.1145/318009.318011.
  10. ^ а б c d Смит (1978)
  11. ^ а б c d Джоблав и Гринберг (1978)
  12. ^ Морин С. Стоун (Август 2001 г.). «Обзор цвета для компьютерной графики». Курс на SIGGRAPH 2001.
  13. ^ Уэр Майерс (июль 1979 г.). "Интерактивная компьютерная графика: высокие полеты. Часть I". Компьютер. 12 (7): 8–17. Дои:10.1109 / MC.1979.1658808.
  14. ^ Н. Магнетат-Тельманн; Н. Шуро; Д. Тельманн (март 1984 г.). «Градация цвета, затенение и текстура с использованием ограниченного терминала». Форум компьютерной графики. 3: 83–90. Дои:10.1111 / j.1467-8659.1984.tb00092.x.
  15. ^ Персонал компьютерной графики (август 1979 г.). «Отчет о статусе Комитета по планированию стандартов графики». ACM SIGGRAPH Компьютерная графика. 13 (3): 1–10. Дои:10.1145/988497.988498.
  16. ^ а б c d е ж грамм час Фэирчайлд (2005), стр. 83–93
  17. ^ Куехни (2003)
  18. ^ Стандартная терминология внешнего вида E284. ASTM. 2009.
  19. ^ Международный словарь по освещению (4-е изд.). CIE и IEC. 1987. ISBN 978-3-900734-07-7. Архивировано из оригинал на 2010-02-27. Получено 2010-02-05.
  20. ^ Пойнтон (1997)
  21. ^ Шарма, Г. (2003). Справочник по цифровым цветным изображениям. Бока-Ратон, Флорида: CRC Press. ISBN 978-0-8493-0900-7.
  22. ^ Хэнбери и Серра (2002)
  23. ^ а б Хэнбери (2008)
  24. ^ Патрик Ламберт; Тьерри Каррон (1999). «Символическое сочетание характеристик яркости-оттенка-цветности для сегментации области». Распознавание образов. 32 (11): 1857. Дои:10.1016 / S0031-3203 (99) 00010-2.
  25. ^ Рафаэль С. Гонсалес и Ричард Юджин Вудс (2008). Цифровая обработка изображений, 3-е изд. Река Аппер Сэдл, Нью-Джерси: Prentice Hall. ISBN 0-13-168728-X. стр. 407–413.
  26. ^ Пойнтон (1997). «Какой вес красного, зеленого и синего соответствует яркости?»
  27. ^ Брюс Линдблум (25 сентября 2001 г.). http://lists.apple.com/archives/colorsync-users/2001/Sep/msg00488.html «Re: Световой канал ...».
  28. ^ а б c d Cheng et al. (2001)
  29. ^ Тантек Челик, Крис Лилли и Л. Дэвид Барон (июль 2008 г.). "CSS3 Color Module Level 3".
  30. ^ «Работа с цветовыми рамками». Институт исследования экологических систем. Январь 2008 г.. Получено 30 августа, 2017.
  31. ^ Брэдли, Джон (1994). "Инструменты модификации HSV". Мир Джона XV и другие интересные вещи.
  32. ^ Синкель, Кирилл (январь 2010 г.). «Руководство пользователя Picture Window и Picture Window Pro Digital Light & Color» (PDF). Архивировано из оригинал (PDF) на 2014-05-12.
  33. ^ «Режимы наложения». Руководство пользователя Photoshop. Adobe Systems Incorporated. 15 февраля 2017 года.
  34. ^ Джон Кендер (1976). «Насыщенность, оттенок и нормализованный цвет». Университет Карнеги-Меллона, факультет компьютерных наук, Питтсбург, Пенсильвания.
  35. ^ Ю-Ичи Охта; Такео Канаде; Тосиюки Сакаи (1980). «Цветовая информация для сегментации регионов». Компьютерная графика и обработка изображений. 13 (3): 222. Дои:10.1016 / 0146-664X (80) 90047-7.
  36. ^ Ффранк Перес; Кристоф Кох (1994). «На пути к сегментации цветного изображения в аналоговой СБИС: алгоритм и оборудование» (PDF). Международный журнал компьютерного зрения. 12: 17–42. Дои:10.1007 / BF01420983.
  37. ^ Брюэр, Синтия А. (1999). «Рекомендации по использованию цвета для представления данных». Материалы секции статистической графики. Александрия, Вирджиния: Американская статистическая ассоциация. С. 55–60.
  38. ^ Фишер, Николас (1996). Статистический анализ циркулярных данных. Кембридж, Англия: Издательство Кембриджского университета.
  39. ^ Хэнбери, Аллан (2003). Циркулярная статистика, применяемая к цветным изображениям. 8-й Зимний семинар по компьютерному зрению. CiteSeerX 10.1.1.4.1381.
  40. ^ Пойнтон (1997). "Что такое HSB и HLS?"

Библиография

  • Агостон, Макс К. (2005). Компьютерная графика и геометрическое моделирование: реализация и алгоритмы. Лондон: Спрингер. С. 300–306. ISBN 978-1-85233-818-3. Книга Агостона содержит описание HSV и HSL, а также алгоритмов в псевдокод для преобразования в каждый из RGB и обратно.
  • Ченг, Хэн-Да; Цзян, Сихуа; Солнце, Анжела; Ван, Цзинли (2001). «Сегментация цветного изображения: достижения и перспективы». Распознавание образов. 34 (12): 2259. CiteSeerX 10.1.1.119.2886. Дои:10.1016 / S0031-3203 (00) 00149-7. Этот обзор литературы по компьютерному зрению кратко резюмирует исследования в области сегментации цветных изображений, в том числе с использованием представлений HSV и HSI.
  • Фэйрчайлд, Марк Д. (2005). Цвет Внешний вид Модели (2-е изд.). Эддисон-Уэсли. Эта книга не обсуждает конкретно HSL или HSV, но является одним из наиболее удобочитаемых и точных ресурсов по современной науке о цвете.
  • Фоли, Дж. Д.; и другие. (1995). Компьютерная графика: принципы и практика (2-е изд.). Редвуд-Сити, Калифорния: Эддисон-Уэсли. ISBN 978-0-201-84840-3. Стандартный учебник по компьютерной графике 1990-х годов, этот фолиант содержит главу, полную алгоритмов преобразования цветовых моделей в разные цвета. C.
  • Хэнбери, Аллан; Серра, Жан (декабрь 2002 г.). Цветное представление трехмерных полярных координат, подходящее для анализа изображений. Технический отчет 77 Группы распознавания образов и обработки изображений. Вена, Австрия: Венский технологический университет.
  • Хэнбери, Аллан (2008). «Построение цилиндрических координатных цветовых пространств» (PDF). Письма с распознаванием образов. 29 (4): 494–500. CiteSeerX 10.1.1.211.6425. Дои:10.1016 / j.patrec.2007.11.002.
  • Joblove, Джордж H .; Гринберг, Дональд (август 1978 г.). «Цветовые пространства для компьютерной графики» (PDF). Компьютерная графика. 12 (3): 20–25. Дои:10.1145/965139.807362. Работа Джоблава и Гринберга была первой, описывающей модель HSL, которую она сравнивает с HSV.
  • Куехни, Рольф Г. (2003). Цветовое пространство и его части: порядок цвета от древности до наших дней. Нью-Йорк: Вили. ISBN 978-0-471-32670-0. В этой книге только кратко упоминаются HSL и HSV, но она представляет собой исчерпывающее описание систем порядка цвета в истории.
  • Левковиц, Хаим; Герман, Габор Т. (1993). «GLHS: Обобщенная цветовая модель яркости, оттенка и насыщенности». CVGIP: графические модели и обработка изображений. 55 (4): 271–285. Дои:10.1006 / cgip.1993.1019. В этой статье объясняется, как HSL и HSV, а также другие аналогичные модели могут рассматриваться как конкретные варианты более общей модели «GLHS». Левковиц и Герман предоставляют псевдокод для преобразования из RGB в GLHS и обратно.
  • Макэвой, Брюс (январь 2010 г.). «Цветное зрение». handprint.com.. Особенно разделы про «Современные цветовые модели» и «Современная теория цвета». Обширный сайт MacEvoy о науке о цвете и смешивании красок - один из лучших ресурсов в Интернете. На этой странице он объясняет атрибуты создания цвета, а также общие цели и историю систем порядка цветов, включая HSL и HSV, и их практическое значение для художников.
  • Пойнтон, Чарльз (1997). «Часто задаваемые вопросы о цвете». poynton.com. Эта самоиздаваемая страница часто задаваемых вопросов, созданная экспертом по цифровому видео Чарльзом Пойнтоном, объясняет, среди прочего, почему, по его мнению, эти модели «бесполезны для определения точного цвета» и от них следует отказаться в пользу более психометрически релевантных моделей .
  • Пойнтон, Чарльз (2008). "YUV и яркость считается вредным ". poynton.com. Получено 30 августа, 2017.
  • Смит, Элви Рэй (Август 1978 г.). «Пары преобразования цветовой гаммы». Компьютерная графика. 12 (3): 12–19. Дои:10.1145/965139.807361. Это оригинальная статья, описывающая модель «гексикона», HSV. Смит был исследователем в NYITЛаборатория компьютерной графики. Он описывает использование HSV в раннем цифровая живопись программа.

внешняя ссылка