Какие бывают цветовые профили. Как перевести RGB в HEX или CMYK
Для начинающего дизайнера или человека, незнакомого с работой с цветом, аббревиатуры типа RGB и CMYK могут показаться пугающими. На самом деле всё не так сложно, как кажется на первый взгляд.
Рассказываем, как цветовые профили помогают дизайнерам добиться единообразия цветов на разных устройствах, и как перевести цветовой код из одной модели в другую.
Что такое цветовой профиль
Изображение на экране состоит из пикселей, каждый из которых имеет определенный тон, яркость, насыщенность. Из-за разных принтеров, экранов мы не всегда видим один и тот же цвет, который был задуман. Чтобы обеспечить точное отображение цветов, используют цветовые профили.
Цветовой профиль, или ICC-профиль, — набор данных, который используется для корректного отображения цветов на разных устройствах и в различных условиях. Стандарты для этого процесса определил Международный консорциум по цвету (International Color Consortium).
Цветовые профили условно разделяют на «реальные» и «абстрактные».
Реальные — учитывают настройки конкретного устройства. Например, принтера Pantum P2502W, монитора или другого оборудования. Самые известные из них — RGB, CMYK.
Абстрактные — имеют среднестатистическую настройку цвета. Используются для группы всех устройств одной фирмы, например, Adobe, Kodak, Microsoft, Apple. Самые популярные — Adobe RGB, Apple RGB, sRGB, ProPhoto RGB.
Для веб-дизайна используют RGB, при работе с макетами для печати — CMYK. Их отличие заключается в физике формирования цвета.
Зачем нужны цветовые профили
Цветовые профили нужны, чтобы точнее передавать цвет на различных устройствах и проверять, как будет выглядеть макет после печати. Перевод в нужную цветовую модель сохранит нервы дизайнеру и защитит от неприятных сюрпризов. Особенно это важно в полиграфии, когда на итоговый результат влияют особенности конкретного принтера.
Также эти характеристики полезны при редактировании изображений, когда есть необходимость в большей детализации, при цветокоррекции и ретуши. Например, если у человека монитор с разрешением в 4K, он может посмотреть, как будет выглядеть тот или иной оттенок на менее детализированном устройстве.
Чтобы дизайнерам было проще работать, компании составляют брендбук и указывают там конкретные коды цветов, которые можно использовать при создании креативов — сайтов, баннеров, мерча.
Три причины настраивать цветопередачу:
1️⃣ Согласованность: единообразное отображение на любом носителе.
2️⃣ Точность: позволяет дизайнерам и фотографам передавать задуманное.
3️⃣ Профессионализм: можно быстро перенести нужные цвета из одного редактора в другой.
Цветовой профиль RGB
RGB — цветовая модель, с помощью которой формируется изображение на экране монитора. Миллионы оттенков получаются путем смешивания трех основных цветов в разных пропорциях: красного, зелёного и синего (Red, Green, Blue). Это соответствует трём типам рецепторов человеческого глаза. RGB-оттенки считаются «эталоном» в любых графических стандартах.
Код в RGB состоит из трёх цифр. Каждый цвет задается числами от 0 до 255, где 0 означает отсутствие цвета, а 255 — его полную интенсивность. Например, так выглядит малиновый: RGB: 220,20,60, а так томатно-красный: RGB: 161,35,18.
RGB можно воспроизвести на экране, смешав свет от трех светодиодов: красного, зелёного и синего. Яркость и оттенки светодиодов у разных устройств могут отличаться. Поэтому одно и то же значение на разных экранах может давать визуально разный цвет.
Цветовой профиль CMYK
CMYK — название четырех триадных цветов, используемых в цветной печати: голубого, пурпурного, желтого и черного (Cyan, Magenta, Yellow, Key). Черный цвет обозначается буквой К (от англ. key), потому что он ключевой — образуется смешением трех других.
✅ Лучший вариант для художественных работ, предназначенных для печати, идеально подходит для афиш, листовок, буклетов, открыток и т. д.
Код состоит из четырех цифр. Каждому цвету присваивается определенное значение от 0 до 100%. Так выглядят черный, белый и нейтральный в коде CMYK:
Если поместить напечатанный материал в CMYK под микроскоп, то можно будет увидеть множество маленьких точек, которые перекрываются между собой и сливаются вместе, образуя полноцветные изображения. Эту систему печати используют как профессиональные печатные оборудования, так и небольшие домашние лазерные или струйные принтеры.
В зависимости от качества краски и типа бумаги одна и та же пропорция цветов может визуально отличаться. При создании макетов под печать лучше сразу работать в CMYK, чтобы заранее отследить все возможные проблемы отображения.
Цветовой профиль HEX
HEX-код — наиболее часто используемый цветовой профиль в работе дизайнеров. Код из шести цифр содержит по две цифры на каждый канал. Он формируется на основе RGB-профиля и выражается следующим образом: #RRGGBB.
-
Первые две цифры задают параметры для красного цвета;
-
Вторая пара — для зеленого;
-
Третья — для синего.
В шестнадцатеричном коде, кроме цифр от 0 до 9, также используются латинские буквы от A до F. Каждая пара из двух цифр может иметь значение от 00 до FF. HEX-коды подходят для определения практически любого нюанса между цветами и переходами. Это дает более 16 миллионов возможных цветов.
Базовые цвета в HEX-коде будут выглядеть так:
-
#FF0000 — чистый красный, все остальные оттенки «не участвуют», потому что для красного компонента установлено максимальное значение (FF), а для остальных установлено значение 00;
-
#00FF00 — аналогично для зеленого;
-
#0000FF — синий.
HEX-код удобно копировать и применять в различных графических редакторах.
Откройте готовый шаблон или создайте новый дизайн. Для работы с цветом нажмите на элемент, который хотите перекрасить → на верхней панели появится инструмент «Цвет». Если у вас уже есть нужный HEX-код, который надо применить в дизайне — просто скопируйте его и вставьте в строку. Новый цвет применится к элементу и появится в палитре.
Под палитрой два ползунка, первый настраивает основной тон, второй — интенсивность цвета от 0 до 100%. Для удобства желаемый цвет можно откорректировать вручную, двигая курсор по палитре.
Также в редактор через HEX-коды можно добавить фирменные цвета. Для этого перейдите на вкладку «Брендбук» и загрузите соответствующую палитру.
Чтобы оценить все преимущества онлайн-сервиса Flyvi — воспользуйтесь премиум-тарифом бесплатно в течение 5 дней.
Другие цветовые профили
-
HSB (Hue, Saturation, Brightness) — модель, которая основана на трех параметрах: тон, насыщенность, яркость. Применяется при настройке палитры в графических редакторах, оформлении картинок в соцсетях и других задачах.
-
Lab — использует три координаты: L для яркости, и два противоположных значения «красный — зеленый» (a) и «желтый — синий» (b). Подходит для точной коррекции, например, быстро убрать желтизну/красноту кожи, усилить естественные цвета. После коррекции файл переводится в RGB или CMYK.
-
RYB — состоит из трех основных цветов: красного (Red), желтого (Yellow) и синего (Blue). RYB отображается на цветовом круге Иттена, которым пользуются художники. Профиль ограничен в точном представлении цветов, поэтому часто дополняется или заменяется на RGB/CMYK.
-
sRGB — цветовое пространство, основанное на профиле RGB. Буква «S» в названии означает «стандартный» RGB. Этот стандарт был разработан в 1996 году компаниями HP и Microsoft. Его использует большинство устройств — настройки цвета на компьютерах без изменений по-прежнему используют sRGB.
-
Adobe RGB — альтернативный профиль от компании Adobe. Цветовой охват по сравнению с sRGB значительно больше.
Сервисы по переводу цветового профиля
Перевод цветов из одной модели в другую может понадобиться при работе с различными дизайнерскими инструментами. Для этого можно использовать онлайн-конвертеры. Все сервисы схожи по функционалу, различаются только количеством доступных цветовых профилей.
Задайте настройки для каждого RGB-канала, а сервис сконвертирует цвет в HEX-код или, наоборот, HEX в RGB. Интерфейс интуитивно понятен — не придётся разбираться в его работе. Просто скопируйте получившееся значение.
Универсальный конвертер. Поддерживается конвертация из RGB в CMYK, LAB, HSB, HEX и наоборот. Выберите из списка исходный профиль, введите значения для каждого параметра цвета. Сервис автоматически преобразует его и покажет код в разных цветовых пространствах.
Максимально удобное приложение для работы с цветом и не только. Выбираете нужный цвет на палитре — и он сразу отображается в форматах HEX, RGB, CMYK, HLS и HSV. Можно поменять значения цвета в любой его системе, и они автоматически обновятся во всех остальных.
В приложении есть кнопка «Случайный цвет», которая рандомно выдает цвета на экран. Может пригодиться, если нужен необычный оттенок для дизайна или просто для развлечения.
