Что такое HSB на самом деле?

Может ли кто-нибудь из моих друзей-дизайнеров объяснить мне HSB ? Я знаю, что это оттенок/насыщенность/яркость , и я знаю, что эти трое делают (по большей части)…

Алгоритм создания цветов за RGB я понимаю , а как насчет HSB ? Оттенок — это просто радиальное положение цвета на цветовом круге, верно? Но что делают насыщенность и яркость? (Я знаю, что один вымывает цвет (в сторону серого), а другой осветляет или затемняет цвет...) но что они делают на цветовом круге? Оттенок - это радиальное положение? Я предполагаю, что яркость говорит о том, находится ли расположение цвета ближе к центру колеса или ближе к краю колеса, но при чем тут насыщенность?

Кроме того, есть ли черный цвет на цветовом круге? Или это на самом деле похоже на цветовой цилиндр, в котором центр перемещается от белого (нижняя сторона) к черному (верхняя сторона), а насыщенность выбирает положение z-positionцвета?

Что я действительно пытаюсь понять, так это то, что при разном освещении моя кожа (при условии, что она почти одного цвета) всегда будет иметь примерно один и тот же оттенок, но разную яркость, а на камерах с разной экспозицией моя кожа всегда будет иметь один и тот же оттенок, но разная насыщенность?

Ответы (2)

Отличный вопрос! Сначала возьмем последнюю часть: оттенок вашей кожи будет одинаковым независимо от яркости падающего света при условии, что цвет света не изменится. Вот почему «Выбор оттенков кожи» работает в Photoshop CS6 и более поздних версиях. В работе с вещательным видео есть широко используемый инструмент, называемый вектороскопом, который докажет вам, если вы когда-нибудь его протестируете, что ВСЯ человеческая кожа попадает в один и тот же очень узкий диапазон оттенков. Демонстрация этого есть в отличном видеоуроке Эндрю Дэвиса на Creative Cow .

В основе все различные цветовые модели, как мне кажется, делятся на три категории: определение цвета, как мы его описываем , как мы его создаем и как мы его воспринимаем .

HSB (также HSV) — это способ определения цвета на основе того, как мы его описываем (например, «темно-красновато-коричневый»). Это тот, который использует цветовой круг — кстати, не такой, как цветовой круг художников. Он появился, когда мы получили цвет на экране, чтобы попытаться описать цвет более интуитивно, чем с помощью чисел RGB.

Оттенок — это качество, которое можно описать как «основной цвет» чего-либо. Ему присваивается угловое значение на цветовом круге.

Насыщенность — это «чистота» цвета, также известная как «цветность», особенно в теле- и видеоработах. Желтый, который не может стать еще желтее, является полностью насыщенным. Чтобы обесцветить цвет, вы добавляете серый (или вычитаете цвет, оставляя серый позади — выберите то описание, которое кажется более интуитивным).

Яркость определяется тем, насколько черный цвет смешивается с цветом. Не все цвета воспринимаются как имеющие одинаковую яркость, даже когда они полностью насыщены, поэтому этот термин может вводить в заблуждение. Яркость лучше всего рассматривать как ось z цветового цилиндра . На мой взгляд, ценность — лучший термин, потому что он не подразумевает воспринимаемую легкость или темноту. Полностью насыщенный желтый цвет при полной яркости (S 100%, B 100%) выглядит ярче для глаз, чем синий при тех же настройках S и B.

Вот цилиндр, украденный из Википедии:

введите описание изображения здесь

В палитре цветов Photoshop по умолчанию прямоугольник представляет собой «срез» цветового цилиндра. Полоса оттенков определяет срез, на который вы смотрите, затем в прямоугольнике справа-слева меняется насыщенность, вверх-вниз меняется яркость.

RGB , как и CMYK, представляет собой механическую спецификацию, связанную с тем, как устройства ее генерируют . Цвет, который вы фактически видите для данного набора значений RGB, зависит от цветовой гаммы (sRGB, Adobe RGB), цветового профиля и физических характеристик устройства, на котором он отображается.

La b — это попытка определить цвет на основе того, как мы его на самом деле воспринимаем , и это единственный независимый от устройства способ определения цветов в настоящее время . Цветовая модель Lab охватывает все воспринимаемые цвета и, кроме того, большой диапазон «невозможных» цветов, таких как «чистый желто-черный». Посмотрите умопомрачительную, но блестящую книгу Дэна Маргулиса « Цвет в Photoshop LAB », в которой содержится подробный практический текст по использованию Lab в Photoshop.

L*a*b*цвет — не единственное независимое от устройства цветовое пространство. sRGBтак же независим от устройства, как L*a*b*. И тем L*a*b*, и другим sRGBнужны эталонные белые, они не абсолютны. Для действительно независимой цветовой модели вы можете использовать файлы XYZ. Если вы действительно хотите знать, прочитайте весь сайт brucelindbloom.com . Java требуется для полного опыта.

На самом деле HSB гораздо проще понять, чем RGB, так что это хорошо.

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

Что такое Хюэ? Вспомните: «Цвет радуги».

Оттенок — это число от 0 до 360. Он измеряется в градусах, как градусы окружности (потому что, спойлер, круги тоже имеют 360°). Помните цветовой круг? Оттенок — это то, где вы находитесь на цветовом круге.

Цветовой круг — он же колесо оттенков

Что такое насыщенность? Подумайте о «богатстве».

Насыщенность — это число от 0 до 100. Таким образом, независимо от того, какой оттенок вы выбрали, насыщенность 100 % будет самой насыщенной версией этого цвета, а насыщенность 0 % будет серой версией этого цвета (т.е. если цвет светлый, то будет светло-серый, если цвет темный, то темно-серый).

Хочу видеть?

Различные насыщенности постоянного оттенка и яркости

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

Что такое яркость? Подумайте о лампочке

Яркость — это число от 0 до 100. Как и насыщенность, иногда записывается в процентах. Это довольно очевидно, что это означает, но есть быстрый улов.

Яркость 0% — это черный цвет, независимо от оттенка и насыщенности. Яркость 100 % соответствует белому, только если насыщенность также равна 0 %. В противном случае 100% яркость — это просто… очень яркий цвет. Звучит запутанно? Подумайте об этом так. Представьте, что яркость — это лампочка. 0% означает, что лампочка не горит (в комнате кромешная тьма). 100% означает, что свет включен на полную мощность. Так что, возможно, 100% яркость — это яркий цвет, или, если свет уже белый, то 100% яркость — это чистый белый цвет.

Вариации яркости с постоянным оттенком и насыщенностью

Черный на цветовом круге? Нет, но это на цветном цилиндре

Колесо плоское, поэтому оно в 2D. «Пространство» цветов HSB имеет три измерения (H, S и B… сюрприз!), так что это трехмерная форма. В нашем случае подойдет конус.

Цилиндр HSB

Черный — это ВЕСЬ цветовой круг, где яркость = 0. Таким образом, независимо от того, какой у вас оттенок, независимо от того, какая у вас насыщенность, если яркость = 0, вы смотрите на ЧЕРНЫЙ.

(Как ни странно, белый работает по-другому. Белый — это только одна точка, а НЕ весь цветовой круг. Чтобы получить белый, у вас должна быть яркость = 100 И насыщенность = 0. При этом существует цветовая система, невероятно похожая на HSB, но разница только в том, что она делает белое и черное полной противоположностью.Эта система называется HSL – оттенок, насыщенность, яркость .)

Как меняется тон моей кожи при освещении?

Более подробный ответ на этот вопрос здесь , но в основном оттенок, насыщенность ИЛИ яркость вашей кожи могут меняться в зависимости от освещения.

  • ОТТЕНОК : Если ваш нормальный оттенок кожи находится в диапазоне от 0° до 60°, то при ярком (белом) освещении оттенок вашей кожи сместится в сторону желтого (оттенок = 60). При более темном освещении он сместится в сторону красного (оттенок = 0°).
  • НАСЫЩЕННОСТЬ : при более ярком освещении ваша кожа будет иметь более низкую насыщенность. При более низком освещении он будет иметь более высокую насыщенность.
  • ЯРКОСТЬ : при более ярком освещении ваша кожа будет более яркой. При более низком освещении ваша кожа будет иметь более низкую яркость. Но... ты уже знал это, не так ли? ;)

Надеюсь, это поможет!

Вы можете найти более подробную информацию здесь