Что такое цветовое пространство и как выбрать правильное

Цветовые модели — этосистемы координат, где у каждого оттенка есть уникальный код. Это удобный инструмент, который помогает заказчику и дизайнеру понимать друг друга. Рассказываем про основныецветовые режимы простыми словами.

Что такое цветовое пространство

Цветовое пространство — это общепринятая модель кодировки цвета. Она состоит из палитры и системы координат. У каждого цвета есть условное обозначение, как у точки на графике. Цветовой режим отвечает за то, как выглядят цвета на экране или в печати. Работа с моделями уменьшает искажения цвета и ускоряет подготовку макетов.

Как оно работает

У каждого человека свое восприятие цветовой палитры. Если заказчик ставит абстрактную задачу, «нужен зеленый фон», результат с большой вероятностью ему не понравится. Понадобится много времени, чтобы найти взаимопонимание, если заказчик пользуется словами «светлее», «темнее», «холоднее», «теплее».

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

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

Какие есть виды пространств

RGB

Цветовая модель RGB («а-джи-би» или «ргб») создана для цифровой среды. Она применяется в веб-дизайне, компьютерной графике и любых макетах для компьютеров, смартфонов, цифровых билбордов и других носителях рекламы.

Расшифровка названия RGB:

• Red (красный).
• Green (зеленый).
• Blue (синий).

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

Примеры:

• красный + зеленый = желтый;
• красный + синий = фиолетовый;
• подсветка трех основных цветов = белый;
• отсутствие подсветки точки = черный.

Яркость базовых цветов выражается числом из диапазона от 0 до 255. Например, RGB (90, 0, 157) — это оттенок фиолетового. HEX-коды используются для удобства записи. В этой системе яркость выражается в шестнадцатеричной системе координат. Каждый из основных цветов записывается с помощью двух цифр из диапазона от 0 до F.

Примеры:

• #FFDF00 — оттенок желтого;
• #5A009D — оттенок фиолетового.

Цветовой режимsRGB — это международный стандарт применения модели RGB. Он разработан корпорациями Microsoft и HP. Пространство sRGB реализовано в операционной системе Windows, его поддерживают многие экраны, принтеры и цифровые камеры.

Adobe RGB — это альтернативный стандарт RGB от компании Adobe Systems. Цветовая модель реализована в Adobe Photoshop и других программах. Главное отличие от sRGB — более широкая палитра. Adobe RGB дает возможность создавать детальные изображения. Стандарт используют при подготовке макетов для перевода в CMYK.

CMYK

Цветовая модель CMYK («си-эм-уай-кей» или «цмик») создана для типографий. Диапазон цветов при печати более узкий, чем на мониторе. Чтобы цвета в реальности выглядели как на экране, при подготовке макета используют CMYK. Это помогает избежать ошибок цветопередачи.

Расшифровка названия CMYK:

• Cyan (голубой);
• Magenta (пурпурный);
• Yellow (желтый)
• Black или Key color (черный).

Многообразие оттенков получается благодаря смешиванию базовых цветов в разных пропорциях. Цвет в CMYK записывается с помощью 4 чисел. Каждое число показывает интенсивность одного из 4 основных цветов в процентах от 0 до 100. Например, CMYK 0 60 100 0 — это оранжевый.

HSB (HSV)

Цветовая модель HSBили HSV («эйч-эс-би» или «эйч-эс-ви») описывает многообразие оттенков по тому же принципу, что и человек. Система построена на трех понятиях: название цвета, яркость и насыщенность оттенка. Это интуитивно понятная модель, с которой легко работать.

Расшифровка названия HSB (HSV):

• Hue (тон).
• Saturation (насыщенность).
• Brightness или Value (яркость).

Не стоит искать отличия между системами. HSB и HSV — это одно цветовое пространство с двумя названиями.

Тон записывается как градус цветового круга от 0° до 360°. Насыщенность и яркость выражаются в процентах от 0 до 100. Например, чтобы получить черный цвет, нужно снизить яркость до 0, а две другие цифры могут быть любыми. Чтобы получить белый, нужно уменьшить насыщенность до 0, а яркость поднять до 100.

HSV (HSB) используют на промежуточных этапах работы с макетами. Модель позволяет быстро подбирать оттенки. Можно изменить один параметр и получить растяжку в правильном диапазоне. Например, если изменить насыщенность, тон и яркость останутся прежними. В RGB приходится подбирать цвета наугад, меняя все цифры из HEX-кода.

LAB

Цветовая модель LAB («эл-эй-би» или «лаб») — одна из ранних систем для настройки палитры. Она находится в основе управления цветом в Adobe Photoshop. Пространство работает с тремя координатами. Пространство LAB часто называют справочником оттенков.

Расшифровка названия LAB:

• Lightness (яркость).
• А: расположение цвета на шкале от зелёного до красного.
• В: расположение цвета на шкале от голубого до желтого.

Яркость настраивается в процентах от 0 до 100. Координаты A и B находятся в диапазоне −128 до 128.

Примеры:

• красный (100, 128, 128);
• зеленый (100, −128, 128);
• белый (100, 0, 0).

Цветовой режим LAB используется для преобразования оттенков. Это промежуточная стадия при переводе макетов из RGB в CMYK. Многие дизайнеры используют LAB для деликатной коррекции цвета. Например, чтобы выровнять тон кожи или убрать желтизну на фотографии. Готовый макет сохраняется в RGB или CMYK.

LCh

Цветовая модель LCh — это цилиндрическая версия LAB. В этой модели дополнительные цвета задаются как отклонения от основного. Использовать ее можно для гибкой настройки оттенков на макете.

Расшифровка названия LCh:

• Lightness (яркость).
• Chroma (насыщенность).
• Hue ( тон).

Система построена на основе цветового круга. Яркость цвета выражается в процентах от 0 до 100. Насыщенность показывает расстояние до центра круга и длину радиуса. Тон записывается как угол поворота в градусах.

Примеры:

• голубой (L:50 C:180 h:35);
• розовый (L:50 C:0 h:77);
• фиолетовый (L:50 C:320 h:108).

Как выбрать цветовое пространство

Выбор цветового режима зависит от цели создания макета:

• RGB применяется для подготовки изображений, которые будут отображаться на компьютерах, смартфонах и других экранах. RGB часто используют при создании картинок для сайтов и соцсетей, при подготовке цифровых баннеров.
• CMYK используется для печати. Эта модель помогает точно перенести палитру с монитора в реальный мир. CMYK применяется для создания макетов печатной продукции, наружной рекламы и мерча.
• HSB (HSV) применяется для точечной настройки оттенков и помогает выдержать заданную палитру. Это полезный инструмент для разработки макета в фирменном стиле компании по брендбуку.
• LAB и LCh подходят для аккуратной коррекции оттенков. Пространство помогает улучшить иллюстрацию и подготовить финальный макет.

Как его настроить в Adobe Photoshop

Графический редактор Adobe Photoshop поддерживает несколько режимов. Для каждого файла можно назначить свою модель. Проверить, какое пространство уже установлено, можно в строке статуса документа.

Пошаговая инструкция по настройке профиля:

1. В главном меню нажать на кнопку Edit (Редактирование).
2. В выпадающем меню выбрать пункт Color Settings (Настройки цвета).
3. В диалоговом окне найти строчку Working Spaces (Рабочие пространства).
4. Выбрать рабочее пространство из выпадающего списка.
5. Сохранить изменения кнопкой ОК.

Если вы будете создавать изображения для публикации в интернете, установите цветовую модель sRGB IEC61966-21. Если вам нужно подготовить макет для отправки на печать, установите Adobe RGB (1998), а затем переведите документ в CMYK. Подходящую версию CMYK можно посмотреть в инструкции к принтеру или запросить у типографии.

Плюсы и минусы цветовых пространств

Типичные ошибки и как их исправить

Неподходящая версия CMYK. Создавая макеты для печати, учитывайте требования типографии. Стандартом признана версия CMYK Coated FOGRA39. Большинство типографий работают с ней, но есть исключения. Некоторые компании пользуются индивидуальными цветовыми профилями. В результате цвета на полиграфии выглядят не так, как на макете. Чтобы этого избежать, заранее уточните профиль для печати.

Неправильная конвертация. Цвета могут искажаться при смене рабочего пространства. В Adobe Photoshop и других редакторах есть встроенные конвертеры. Пользуйтесь ими, чтобы переводить файлы из RGB в CMYK и наоборот. Для перевода документа в другие модели лучше использовать специальные программы и сервисы. Например, онлайн-конвертеры Aspose и CIELab.

Нет диалога с клиентом. Хороший дизайнер должен передать заказчику коды цветов, которые он выбрал для макета. Тогда клиент сможет использовать эти цвета в интернете и для печати, и даже включить их в брендбук. Это создает хорошее впечатление о дизайнере и мотивацию развивать сотрудничество.

Главное, что нужно знать

• Цветовое пространство — это система кодировки цвета в дизайне. У каждого из оттенков в палитре есть индивидуальный код.
• RGB — это цветовая модель для веб-дизайна и компьютерной графики. Система учитывает технологию передачи цвета на экране монитора.
• CMYK — это цветовая система для подготовки макетов для типографии. Модель учитывает особенности смешивания красок при печати.
• HSB или HSV — инструмент для гибкой настройки оттенков. Она позволяет точно передать палитру по техническому заданию. Готовые макеты нужно сохранять в другой системе.
• LAB — это одна из первых цветовых систем и справочник оттенков в Adobe Photoshop. Она подходит для деликатной коррекции фотографий и настройки оттенков на макетах. Готовые иллюстрации нужно переводить в другое рабочее пространство.