§ 15. Цветовая модель НSВ

Определения и обозначения

Цветовая модель HSB — способ описывать цвет тремя компонентами: цветовым тоном, насыщенностью и яркостью. Такая запись близка к восприятию человека: мы обычно сначала называем оттенок, затем оцениваем его чистоту и светлоту. Поэтому в редакторе проще сказать «сделать этот синий светлее», чем отдельно подбирать три числовых значения RGB.

Цветовой тон (Hue) задаёт, какой именно цвет воспринимается: красный, зелёный, синий и другие оттенки. Обычно его обозначают углом на цветовом круге от 0° до 360°. Этот параметр нужен для выбора самого оттенка, а не для указания его яркости или бледности.

Насыщенность (Saturation) показывает степень выраженности цветового тона. При уменьшении насыщенности цвет становится бледнее и приближается к нейтральному серому. Параметр помогает отделить чистый, сочный цвет от приглушённого, не меняя выбранное положение на цветовом круге.

Яркость (Brightness или Value) характеризует светлоту цвета. Если яркость уменьшать, цвет темнеет, а при максимальном значении становится самым светлым для выбранных тона и насыщенности. Благодаря этому параметру можно получить светлый или тёмный вариант одного и того же оттенка.

Как это устроено

Цветовой круг задаёт тон углом, потому что оттенки удобно расположить по окружности в порядке плавного перехода. Начало и конец такого круга соединяются: после полного оборота на 360° снова получается исходное положение. Поэтому 0° и 360° — не два разных цвета, а одна и та же точка, например красный участок круга.

Если H и B оставить неизменными, изменение S происходит по направлению от чистого тона к серому. При S = 100% цвет максимально выражен, а при S = 0% цветовой тон уже не различается и получается нейтральный серый соответствующей яркости. Это происходит потому, что к цвету как бы добавляется всё большая доля беспорядочного, лишённого оттенка серого.

Яркость меняет воспринимаемую светлоту: при её уменьшении выбранный цвет выглядит темнее, а при увеличении — светлее. Насыщенность действует иначе: она ослабляет или усиливает сам оттенок, но не обязана делать цвет светлее. Например, яркий бледно-красный и тёмный насыщенный красный могут отличаться одновременно по S и B, хотя их тон H одинаков.

Три параметра работают вместе, потому что каждый отвечает за свою характеристику цвета. Сначала H выбирает сектор круга, затем S определяет удалённость от серого, а B — общий уровень светлоты. Если изменить только один параметр, можно получить нужный вариант, сохранив остальные свойства: например, сделать тот же зелёный темнее, уменьшив B.

RGB и HSB по-разному организуют описание одного цвета. RGB задаёт интенсивности красного, зелёного и синего каналов, то есть непосредственно использует принцип работы экрана, а HSB описывает цвет более привычными для человека признаками. Поэтому редактор может принимать значения HSB, но перед отображением преобразует их в RGB, чтобы сформировать сигнал для пикселей.

Параметры цветовой модели HSB

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

Разбор задач

Задача 1. Цвет задан параметрами HSB: H = 120°, S = 100%, B = 100%. Определим, какой компонент отвечает за выбор цвета, и истолкуем остальные значения.

1. H = 120° указывает положение на цветовом круге и выбирает сам оттенок; в стандартной записи это область зелёного.
2. S = 100% означает максимальную выраженность тона: цвет не разбелен серым.
3. B = 100% означает максимальную яркость в рамках этой модели, поэтому цвет не затемнён.

Ответ: за выбор цвета отвечает H = 120°, насыщенность максимальная, яркость максимальная. Получается яркий насыщенный зелёный.

Задача 2. Два цвета имеют одинаковые H и B, но S первого равна 80%, а второго — 20%. Нужно сравнить их, изменяя только один параметр.

1. Одинаковое H означает один и тот же цветовой тон, а одинаковое B — одинаковую заданную светлоту.
2. У первого цвета насыщенность выше, поэтому его оттенок выражен сильнее.
3. У второго S меньше, значит, к цвету ближе примешан нейтральный серый.

Ответ: первый цвет будет более чистым и насыщенным, второй — более бледным. Ближе к серому окажется цвет с S = 20%.

Задача 3. Для цвета HSB = (30°, 100%, 80%) требуется получить более тёмный и менее насыщенный вариант, сохранив тон. Подберем новые значения независимо для двух нужных изменений.

1. H оставляем равным 30°, потому что менять оттенок не требуется.
2. S уменьшаем с 100% до 40%, например: цвет станет менее чистым и приблизится к серому.
3. B уменьшаем с 80% до 50%, например: цвет станет темнее.

Ответ: один подходящий вариант — HSB = (30°, 40%, 50%). Значения S и B можно выбрать и другими, если S < 100% и B < 80%, а H остаётся равным 30°.

Типичные ошибки

Ошибка 1. Увеличение насыщенности не обязательно делает цвет светлее: S отвечает за выразительность тона, а светлоту задаёт B. Ошибку допускают, потому что более чистый цвет часто кажется зрительно сильнее. Проверьте себя: для изменения светлоты меняйте B, оставляя S прежней.

Ошибка 2. Цветовой тон и насыщенность — разные параметры: H выбирает место на круге, а S показывает близость к серому. Их путают, когда называют любой визуально «сильный» цвет ярким или насыщенным. Проверка проста: изменение H меняет оттенок, а изменение S ведёт к серому.

Ошибка 3. Значения 0° и 360° не обозначают разные тона, поскольку совпадают на замкнутом цветовом круге. Путаница возникает из-за записи границ диапазона как двух чисел. Представьте полный оборот: конечная точка возвращает в начальное положение.

Ошибка 4. Запись HSB обычно не является непосредственным набором сигналов экрана. Она удобна для выбора цвета, но дисплей работает с интенсивностями красного, зелёного и синего каналов. Проверьте себя: вспомните, что перед отображением HSB преобразуется в RGB.

Связь с другими темами

До изучения HSB нужно знать модель RGB, в которой цвет на экране формируется сочетанием красной, зелёной и синей компонент. RGB описывает работу устройства, а HSB переорганизует те же цвета в более понятные человеку характеристики. Связь между моделями устанавливается преобразованием одного представления в другое.

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

Понимание HSB и RGB пригодится при обработке изображений и изучении представления графической информации. Оно помогает объяснить, почему один и тот же цвет можно описывать разными наборами чисел. Также это облегчает настройку цветовых эффектов в компьютерных программах.

Что запомнить

• HSB описывает цвет через цветовой тон, насыщенность и яркость.
• Цветовой тон обычно задают углом от 0° до 360°.
• Значения цветового тона 0° и 360° соответствуют одному положению на круге.
• Уменьшение насыщенности приближает цвет к серому.
• Уменьшение яркости делает цвет темнее.
• Для экранного отображения цвет HSB обычно преобразуют в RGB.