Toon Tone

Почему HSB лучше RGB для игры про цвета

HSB удобнее для быстрой игры, потому что игрок сначала вспоминает оттенок, затем насыщенность и яркость.

RGB точен, но неудобен для памяти

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

Если дать игроку RGB-слайдеры, ему придется переводить память в язык каналов. Для короткой игры это лишнее усилие, особенно на телефоне.

HSB совпадает с обычной речью

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

Поэтому ошибка читается проще. Если Mickey Mouse shorts попали в правильный красный, но выглядят слишком светлыми, игрок понимает, что нужно менять яркость, а не начинать цвет заново.

Что это меняет в игре

Сначала ставь тон, затем насыщенность, затем яркость. Такой порядок уменьшает случайные движения и делает результат после отправки понятнее.

HSB не делает цвет менее точным. Итоговый цвет все равно можно показать как HEX или RGB. Разница в том, что игроку проще выбрать его из памяти.

Почему модель влияет на ощущение игры

RGB хорош там, где цвет собирает машина. В игре цвет собирает человек, и ему важно думать не каналами, а привычными признаками: какой цвет, насколько он чистый, насколько он светлый.

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

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

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

Как это видно в реальных раундах

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

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

Для одежды важна светлота. Темная куртка может казаться понятной, пока игрок не поднимет brightness слишком высоко и не потеряет вес цвета.

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

Что игрок получает от HSB

HSB делает ошибку читаемой. После ответа можно сказать не просто "не попал", а "тон близко, но цвет слишком бледный" или "яркость ушла выше, чем нужно".

Такой язык удобен для повторной попытки. Игроку не нужно помнить числа красного, зеленого и синего каналов. Достаточно понять, какую сторону ощущения надо поправить.

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

Еще один плюс заметен на телефоне. На маленьком экране проще сделать короткую правку по яркости или насыщенности, чем пытаться угадать три числовых канала.

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

FAQ

HSB хуже RGB?

Нет. Это другой способ выбрать тот же экранный цвет.

Почему не обычный color picker?

Он точный, но на телефоне часто медленнее и хуже объясняет ошибку.

Что менять первым?

Тон, затем насыщенность, затем яркость.