Что такое цвет и как его получить в Photoshop? Модель HSB
Что такое цвет и как его получить в Photoshop?
Модель HSB
Наш третий урок по работе с цветом и тоном в Photoshop посвящен цветовой модели HSB.
Модель HSB - это наиболее понятная для человека модель цвета, так как наше восприятие любого оттенка цвета практически основано на этой модели.
Кроме того, в работе некоторых инструментов фотошопа так же применяется эта модель.
К примеру, в таком отличной команде, как "Цветовой тон/Насыщенность".
Там даже сами маркеры настройки так и называются:
- Hue - цветовой тон
- Saturation - насыщенность
- Brightness - яркость
Т.е., по начальным буквам названий получаем модель HSB.
По числовому значению движка "Цветовой тон" (Hue) очень удобно оценивать какой оттенок цвета мы получаем.
Урок сделан в русифицированной программе СС 2018, но может быть легко повторен практически в любой версии фотошопа.
Приятного и полезного просмотра!

Вся серия материалов на эту тему здесь:
- статья "Выборочная коррекция фото"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель RGB"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель CMYK"
- видео урок "Как определить цвет изображения по цифрам в RGB"
- видео урок "Что такое цвет и как его получить в Photoshop? Модель LAB"
- видео урок "Тоновая и цветовая коррекция. Три правила работы с цветовым кругом"
Если у Вас не очень быстрый Интернет, нажмите на "Play", а потом на паузу и немного подождите пока видео подгрузится для его комфортного просмотра.
-
Автор - Накрошаев Олег - Продолжительность видеоурока - 15 мин 28 сек
- Размер картинки - 1920х1080 (Full HD)
- Формат видео - MP4
- Размер архива - 55,3 Мб
Транскрибация урока:
В этом уроке мы поговорим о модели HSB. Файл "HSB".
Любой цвет в модели HSB определяется своим цветовым тоном (Hue - хью) — собственно цветом, насыщенностью (Saturation - сатюрейшен) — процентом добавления к цвету белой краски и яркостью (Brightness - брайтнесс) — процентом добавления черной краски.
Спектральные цвета или цветовые тона располагаются по краю цветового круга и характеризуются на нем положением, определяемым величиной угла в диапазоне от 0 до 360 градусов.
Эти цвета обладают максимальной (100 %) насыщенностью (S) и яркостью (B).
Насыщенность изменяется по радиусу круга от 0 (в центре) до 100 % (на краях).
При значении насыщенности 0 % любой цвет становится белым.
Яркость — параметр, определяющий освещенность или затемненность. Все цвета цветового круга имеют максимальную яркость (100 %) вне зависимости от тона. Уменьшение яркости цвета означает его затемнение. Для отображения этого на модели добавляется новая координата, направленная вниз, на ней откладываются значения яркости от 100 до 0 %.
В результате получается цилиндр, который образуется из серии кругов с уменьшающейся яркостью, нижний слой — черный.
Для проверки сказанного откроем диалоговое окно выбора цвета. В поля S и B введем максимальное значение 100 %, а в поле H — минимальное значение 0°.
В результате мы получим чистый красный цвет солнечного спектра.
Этому же цвету соответствует красный цвет модели RGB, его код (255, 0, 0), что указывает на соответствие этих моделей друг другу.
Почему в поле H мы ввели значение 0°, чтобы получить красный цвет.
Просто потому, что за отсчет 0° в этой модели приняли красный цвет, т.е. отсчет начинается с чисто красного цвета.
В поле H будем изменять значение угла с шагом 10°.
Мы будете получать цвета в том порядке, как они расположены в спектре - радуге: красный сменится оранжевым, оранжевый — желтым, желтый — зеленым и т. д.
Угол 60° дает желтый цвет (255, 255, 0), 120° — зеленый (0, 255, 0), 180° — голубой (255, 0, 255), 240° — синий (0, 0, 255) и т. д.
Чтобы получить розовый цвет — на языке модели HSB блеклый красный — необходимо в поле H ввести значение 0°, а насыщенность (S) понизить, например, до 50 %, задав максимальное значение яркости (B).
Серый цвет для модели HSB — это сведенные к нулю цветовой тон (H) и насыщенность (S) с яркостью (B) меньше 100 %.
Вот примеры светло-серого: H = 0, S = 0, B = 80 % и темно-серого цветов: H = 0, S = 0, B = 40 %.
Белый цвет задается так: H = 0, S = 0, B = 100 %, а чтобы получить черный цвет, достаточно снизить до нуля значение яркости при любых значениях тона и насыщенности.
В модели HSB любой цвет получается из спектрального цвета, который напомню располагается по краю цветового круга добавлением определенного процента белой и черной красок.
Поэтому HSB — это очень простая в понимании модель, которую используют маляры и профессиональные художники.
У них обычно есть несколько основных красок, а все другие получаются добавлением к ним черной или белой.
Однако при смешивании художниками красок, полученных на основе базовых, цвет выходит за рамки модели HSB.
Давайте теперь подойдем к модели HSB со стороны цветового круга.
Главное отличие от моделей RGB и CMYK заключается в том, что с помощью этой модели нельзя синтезировать цвет.
Что такое синтезировать цвет - это значит вызвать у человека цветовое ощущение.
На моделях RGB и CMYK можно создать устройство, которое будет у нас вызывать ощущение цвета.
Создать HSB устройство невозможно, потому что на входе, т.е. в глазах человека находятся рецепторы, которую по сути представляют собой RGB систему.
Но с помощью HSB системы очень удобно описывать цвет.
Разберемся еще раз с понятиями цветового тона, насыщенности и яркости.
- Цветовой тон (Hue - хью) - это оттенок цвета, т.е. то место, которое оттенок цвета занимает в радуге. Цветовой тон (Hue - хью) откладывается в градусах, по традиции 0° - это красный цвет, далее 60° - желтый цвет 120° — зеленый, 180° — голубой и т.д., 360 - это опять тот же красный цвет, с которого мы начинали.
- Насыщенность (Saturation - сатюрейшен) - это отличие цвета от аналогичного по яркости нейтрального серого.
На цветовом круге насыщенность возрастает от центра по радиусу на край круга.
К примеру, откроем палитру цветов и поставим насыщенный оранжевый цвет - FF8000.
Теперь поставим тоже оранжевый цвет, вот такой - b38970.
Он то же оранжевый, но он гораздо ближе к серому, т.е. менее насыщенный оранжевый цвет.
Т.е., эти два цвета отличаются по насыщенности.
- Яркость (Brightness - брайтнесс). На этом цветовом круге яркости нет. Она перпендикулярна кругу, т.е. перпендикулярна вашему экрану.
В результате получаем цветовой цилиндр, который я показывал вам чуть раньше.
Здесь мы так же имеем три параметра, как и у RGB и CMYK, но эта система как-то немного ближе к нам. Почему?
Когда мы на бытовом уровне оцениваем цвет, мы по сути пользуемся этой цветовой моделью.
К примеру, возьмем тенниску, файл "Оранжевая тенниска". Как мы определяем цвет: смотрим на тенниску и говорим - это оранжевая тенниска.
Тем самым мы определили Цветовой тон (Hue - хью). Конечно, очень приблизительно, но главное мы поняли, что это не голубой, не желтый, не синий и т.д.
Эта тенниска довольно сочная, значит насыщенность цвета довольно высокая - определили 2-й параметр Насыщенность (Saturation - сатюрейшен).
Осталась Яркость (Brightness - брайтнесс). Примерно прикидываем и определяем, что яркость примерно средняя, не темная и не светлая.
В результате для определения цвета мы по сути воспользовались системой HSB, но конечно весьма приблизительно.
Цветовая модель HSB удобна для описания цвета, особенно очень удобно ориентироваться по значению Цветового тона (Hue - хью), чтобы определить цветовой оттенок.
Но в подавляющем большинстве случаем мы с Вами работаем в цветовой модели RGB.
Поэтому в следующем уроке будем учиться оценивать цвет по числовым значениям RGB.
СКАЧАТЬ УРОК
"Что такое цвет и как его получить в Photoshop? Модель HSB":
Друзья!
Если Вам понравился урок, то нажимайте на кнопки соцсетей, чтобы и Ваши друзья получили пользу от этого урока.
Оставляйте свои комментарии и задавайте вопросы.
Если Вы хотите посмотреть всю серию бесплатных видео уроков по данной теме, подпишитесь на специальную рассылку сайта.
Форма для подписки находится ниже.