Освоение цвета с помощью модели HSV

Введение

Хотя RGB отлично подходит для экранов, это не всегда самый интуитивный способ для людей думать о цвете. Если вы хотите «более светлый оттенок синего» или «более яркий красный», настройка значений RGB может быть сложной. Здесь на помощь приходит цветовая модель HSV.

Что такое HSV?

HSV расшифровывается как Hue (Оттенок), Saturation (Насыщенность) и Value (Значение) (иногда называемое Яркостью или HSB). Она разработана для того, чтобы более точно соответствовать тому, как люди воспринимают цвет.

Вместо смешивания трех цветных огней, HSV описывает цвет с использованием цилиндрических координат:

• Оттенок (Hue): Сам цвет (Красный, Синий, Зеленый и т.д.).
• Насыщенность (Saturation): Интенсивность или чистота цвета.
• Значение (Value): Яркость цвета.

Компоненты

Оттенок (H)

Оттенок измеряется в градусах, от 0° до 360°, вокруг цветового круга.

• 0°: Красный
• 120°: Зеленый
• 240°: Синий

Изменение оттенка меняет базовую «категорию» цвета, не влияя на яркость или интенсивность.

Насыщенность (S)

Насыщенность — это процент от 0% до 100%.

• 0%: Оттенки серого (нет цвета, только черный/белый/серый).
• 100%: Теоретически самый насыщенный цвет.

Более низкая насыщенность делает цвет «выцветшим» или сероватым.

Значение (V)

Значение также является процентом от 0% до 100%.

• 0%: Черный (полная темнота).
• 100%: Самая яркая форма этого цвета.

HSV против RGB

Например, чтобы затемнить цвет в HSV, вы просто понижаете Значение. В RGB вам нужно пропорционально понижать Красный, Зеленый и Синий, что требует некоторых математических вычислений.

Попробуйте сами

Используйте интерактивный селектор ниже, чтобы увидеть, как Оттенок, Насыщенность и Значение влияют на итоговый цвет. Обратите внимание, как изменение всего одного ползунка дает предсказуемый эффект, которого часто сложнее достичь с помощью ползунков RGB.

Заключение

Модель HSV — мощный инструмент для дизайнеров и художников. Разделяя информацию о цвете на Оттенок, Насыщенность и Яркость, она делает манипуляции с цветом гораздо более интуитивными. В следующий раз, когда будете выбирать цветовую палитру, попробуйте думать в HSV!