HSB простыми словами: цветовая модель, лежащая в основе каждой игры на этом сайте

Каждая игра на этом сайте — Toon Tone, Dialed GG и Hued — использует одни и те же три ползунка: Тон (Hue), Насыщенность (Saturation) и Яркость (Brightness). Если вы сыграли раунд и почувствовали, что ползунки делают не то, что вы ожидали, — это не вина игры. Просто чтобы по-настоящему понять HSB, нужно десять минут, и почти никто их не тратит.

Вот эти десять минут.

Зачем нужен HSB, если RGB уже работает

Экраны мыслят в RGB: красный, зелёный, синий, каждый от 0 до 255. Именно так физически подсвечиваются пиксели. Проблема в том, что RGB неинтуитивен для человека. Если я скажу вам «сделай этот цвет чуть менее ярким», вы не будете знать, какой из R, G или B подкрутить. Вам придётся гадать.

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

Тон: где на круге

Тон — это базовая идентичность цвета: красный, оранжевый, жёлтый, зелёный, синий, фиолетовый. Он измеряется как угол от 0° до 360° на цветовом круге:

0° — красный
60° — жёлтый
120° — зелёный
180° — голубой (cyan)
240° — синий
300° — пурпурный (magenta)
360° — снова красный

Тон — это то, что люди думают, будто имеют в виду, когда говорят «цвет». Это самое лёгкое измерение, чтобы попасть примерно, и самое трудное, чтобы попасть точно — ведь разница между красным в 28° и красным в 35° огромна для натренированного глаза и невидима почти для всех остальных.

Насыщенность: насколько ярко

Насыщенность измеряет, насколько цвет чист или ярок, от 0% до 100%.

100% насыщенности — самая яркая версия этого тона: чистая, электрическая, предельно цветная.
0% насыщенности — серый. Чистый серый, независимо от тона.

Ловушка: большинство людей думают, что их догадка слишком насыщенная, тогда как обычно она недостаточно насыщенная. Реальные объекты (краска, ткань, мех) редко приближаются к чему-то близкому к 100%. А вот мультяшные персонажи часто доходят — отчасти поэтому они так бросаются в глаза.

Яркость: насколько светло

Яркость — это то, насколько светлый или тёмный цвет, от 0% (чистый чёрный) до 100% (полная яркость).

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

Почему HSB трудно угадать, даже когда вы «знаете» цвет

Большинство людей хранят память о цвете как название: «жёлтый», «красный», «синий». Названия сжимают информацию. В тот момент, когда вы помечаете Губку Боба как «жёлтый», ваш мозг отбрасывает конкретный тон (около 50–55°), конкретную насыщенность (около 85–95%) и конкретную яркость (около 95%).

Ползунки HSB заставляют вас разжать эту память. Вы не можете доползти до «жёлтого» — вам нужно доползти до именно этого жёлтого. Вот почему игры кажутся обманчиво трудными.

Тренировка интуиции для ползунков

Несколько привычек, которые мгновенно сделают вас лучше во всех трёх играх:

Сначала зафиксируйте тон. Найдите правильный участок на круге, прежде чем трогать два других.
Насыщенность — во вторую очередь. Прищурьтесь на цель и спросите: этот цвет старается изо всех сил или держится в тени?
Яркость — в последнюю очередь. Её легче всего подправить в конце, не затрагивая воспринимаемый тон.
Не мыслите названиями. В тот момент, когда вы навешиваете на цвет ярлык, вы теряете точность.

Где практиковаться

Dialed GG даёт самую чистую тренировку HSB: чистые цветовые образцы, без персонажей и историй, мешающих делу. В лёгком режиме даже показываются числа HSB, пока вы запоминаете.
Hued — это ежедневная головоломка с 3 попытками, отлично подходит, чтобы научиться нащупывать один цвет с обратной связью.
Toon Tone — это уровень босса: воспроизведение HSB по памяти на культовых персонажах, без видимого образца.

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

Источники и дополнительное чтение