Перевод из RGB в CMYK. Конвертеры цветов, перевод RGB, HEX, CYMK цветов

Часто возникает необходимость в переводе изображения из цветовой схемы RGB в CMYK и вечная проблема, сопровождающая этот перевод – потеря цветности изображения. Может профессионалы могут подсказать и более качественный вариант, но меня, как веб-мастера, иногда выполняющего услуги по дизайну полиграфии этот способ устраивает более чем, т.к. он устраивает моих заказчиков

Стоит заметить, что 100% совпадения в цветах физически не может быть, т.к. модель RGB основана на излучении света (экраны мониторов), а CMYK на поглощении света (бумага отдает цвета за счет его поглощения). Таким образом, цветовой диапазон красок CMYK значительно уже, чем в RGB.

Кароче, меньше слов – больше дела. На примере простой показательной работы для моего постоянного заказчика это выглядит так:

1. Выбираем в главном меню вкладку “Редактирование” (Edit) и делаем тыц на “Преобразовать в профиль…” (Convert to Profile):

2. В открывшемся диалоговом окне ставим галочку напротив “Использовать компенсацию точки черного” (Use Black Point Compensation). В поле “Профиль”(Profile) выбираем “Заказной CMYK” (Custom CMYK):

3. В открывшемся диалоговом окне в поле “Цвет красок” (Ink Options) выбираем “SWOP (мелованная бумага)” (SWOP (Coated)). В поле “Растискивание” (Dot Gain) выбираем “Стандартное” со значением 12% (Standart, 12%). Далее установите значения и радиокнопки как на скриншоте ниже:

4. Подтверждаете свои действия клацанием по “Ок”. На этом перевод из RGB в CMYK завершен.

Перед сдачей макета в типографию проверьте: все ли объекты переведены в CMYK, т.к.цветовая модель RGB для полиграфии недопустима.

Проверка цветовой модели в CorelDraw

Файл (File) - Сведения о документе (Document Proporties)
В появившемся окне просмотрите информацию, указанную под заголовками:
Объекты растровой графики (Bitmap Objects)
Заливки (Fills) - здесь указаны цветовые модели заливки векторных объектов
Абрисы (Outlines) - здесь указаны цветовые модели контуров (обводки) векторных объектов
Могут быть указаны модели: CMYK, grayscale, Pantone (только если печатается специальной краской), недопустимы модели RGB и CMYK255.
Если они имеются, их обязательно нужно перевести в CMYK, растровую графику желательно переводить в CMYK в растровых редакторах (таких как Adobe Photoshop)

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

Кратко о CMYK255: цветовая модель ранних версий Corel, иногда появляющаяся в макетах из-за открытия старых файлов, использования клипартов, импортирования файлов из illustratorа. Для печати она недопустима. Может вызвать серьёзные ошибки при цветоделении.

Перевод цвета в CorelDraw

Если Вы знаете, какие именно объекты имеют не ту цветовую модель , то
выделите объект - на панели инструментов выберите Заливка - Однородная заливка, если не применен градиент... - во вкладке модели выберите CMYK - нажмите ОК
Если нужно перекрасить в Pantone-цвет , то в окне однородной заливки выберите вкладку палитры, во вкладке выберите серию Pantone-цветов, т.е. тип краски, которой будут печатать (например PANTONE(R) process coated EURO - для глянцевой бумаги, и печати красками по евро-стандартам)
Выберите цвет (можно вбить номер Pantone-цвета справа внизу окна), нажмите ОК
Аналогично перекрашиваются и объекты с градиентной заливкой, только выбирается окно: «Фонтанная заливка»
Если Вы не можете найти RGB объекты или их очень много , то
Правка - Поиск и замена - Заменить объекты - Заменить цветовую модель или палитру
В новом окне поставить необходимыее настройки и нажать «готово». Далее нажать: найти все - заменить все.
Подводные камни:
1) Осторожно с текстом, если текст раскрашен в разные цвета, то буквы могут поменять цвет на цвет первой буквы блока. Т.е. перед такой заменой лучше перевести разноцветный текст в кривые. И все равно, внимательно проверьте, не изменился ли цвет.
2) Абрисы и заливки заменяются отдельно. Т.е. если RGB объекты и в заливках и в обводке, при первой замене поставьте галочку напротив «Заливки», при второй - напротив «Абрисы»
3) Черные объекты при переводе из RGB в CMYK могут стать не 100% black, а составным черным. В этом случае после перевода:
Замена цвета одного на другой
Найдите один такой объект, запомните или запишите цвет (в цифрах)
Правка - Поиск и замена - Заменить объекты - Заменить цвет
Вверху введите записанное значение цвета, который нужно заменить
Внизу - нужный цвет. Далее по аналогии...

Как избавиться от CMYK 255 в CorelDraw

Для офсетной печати модель CMYK 255 недопустима. Обнаружить наличие объектов легко в сведениях о документе
Файл (File) - Сведения о документе (Document Proporties) (более подробно описано выше)
Если Вы помните, какие именно объекты вставлялись из файлов старых версий (до 9 версии включительно) или из 15 версии Corel, можно попробовать удалить эти объекты и еще раз проверить сведения о документе.
Радикальным способом борьбы со CMYK 255 является перевод всего макета в RGB. Закрыть файл, открыть его и перевести в CMYK (способ перевода описан выше).
Недостаток, что цвета после перевода меняют свои числовые значения. Черный становится четырехсоставным, красный, салатовый, желтый... тускнеют.
Поэтому лучше найти только объекты CMYK 255 , скопировать в новый документ и уже в новом документе переводить в RGB, затем в CMYK , а потом перекрашивать изменившиеся цвета (с помощью поиска и замены цвета).

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

Писать о цветовых моделях можно много, начиная с начала начал, призм, преломления света и радуги. Наша статья однако не способна рассказать про все на свете, поэтому я предполагаю, что с основами теорий CMYK и RGB вы уже знакомы. А теперь вас интересует исключительно практическая часть. Как же взять и конвертировать графику? Собственно, перевод из RGB в CMYK занимает ровно 1 секунду. После такого перевода вы можете обнаружить, что ваша графика потеряла былую яркость. Картинка стала серой и блеклой. Ну а после печати она совсем перестала смотреться.

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

Разница между RGB и CMYK

Разница между этими двумя цветовыми моделями очень простая.

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

Фактически CMYK на мониторе не более чем имитация того, что получится на бумаге. Как таковая CMYK показывается на экране средствами RGB , потому что сам экран монитора только через RGB и работает.

Что же происходит при конвертировании из RGB в CMYK ? Прежде всего каждому пикселю графики присваиваются другие цифровые значения. В RGB это были условные R255G255B0 , а после конвертации пиксель приобрел значения С4M0Y93K0 .

Как раз в этот момент картинка и может потерять в яркости. Причины, по которым это происходит заключаются в том, что цветовой обхват модели RGB значительно больше чем цветовой охват CMYK . Что наглядно видно на картинке ниже. Грубо говоря, RGB картинка пестрит яркостями, а переводишь в CMYK и в этой модели подобной яркости не обеспечить. Соответственно Фотошоп срочно подыскивает более тусклые цвета.

В чем же причина такой скромности CMYK ? Я постараюсь ответить на этот вопрос без лишней терминологии. Основная причина заключается в том, что модель RGB основывается на излучении света. СMYK основан на поглощении света. Грубо говоря экраны мониторов светятся, а бумага в типографии демонстрирует нам красочность за счет поглощения света. Вы наверняка смотрели на солнце и точно знаете, что на бумаге такой яркости цвета не увидишь.

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

Как перевести RGB в СMYK

Для примера конвертации я выберу цветовую радугу RGB , каждая точка из которой является максимально ярким цветом, который RGB может передать. Теперь мы возьмем эту полоску и конвертируем её в CMYK . Я буду исходить из того, у всех стоит Фотошоп и все мы работаем в нем. Чтобы перевести RGB в CMYK зайдите в Image > Mode > CMYK Color . После чего появятся окна, предлагающие слить слои, и так далее. От любого слития слоев отказывайтесь.

На примере выше вы видите 2 полоски. Радугу в RGB и результат её конвертации в CMYK . Цвета серые и блеклые. Почему же это происходит?

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

Почему же краски становятся серее? Ведь результат данного перевода вовсе не максимум яркости, которую через CMYK можно обеспечить. И вы легко в этом убедитесь, просто применив цветокоррекцию Brightnes . Чтобы понять что происходит я предлагаю рассмотреть конвертацию на примере одного цвета.

Потеря яркости при переводе цветов

Возьмем к примеру конкретный синий цвет R0G0B255 и конвертируем его в CMYK . В палитре CMYK такой цвет напечатать невозможно и Фотошоп старается подыскать наиболее близкое значение. В итоге мы получаем C88M77Y0K0 .

Такая же история происходит с зеленым цветом R0G255M0 . В CMYK Фотошоп подбирает нам С61M0Y100K0 .

И здесь нам впору задать себе вопрос. Являются ли эти комбинации идеальными вариантами? Если рассматривать каждый цвет отдельно, то да. Эти цвета действительно наиболее близки к значениям RGB . Однако если исходить из логики смешивания красок в CMYK и стараться повысить яркость нашей радуги, смешивать цвета нужно иначе.

Радуга потеряла яркость, потому что в каждом участке её краски слишком много примесей чужеродных красок. А ведь в CMYК есть своя шкала яркости, где наиболее чистыми и яркими цветами являются цвета, представленные ниже на картинке.

Данные оттенки являются максимум цвето-насыщенности, которые может дать CMYK и если мы составим нашу радугу из этих смесей мы получим куда более яркий результат. И если мы выстраиваем нашу радугу в ручную, пользуясь логикой сцветосмешения CMYК то получаем совершенно иной результат.

Причина потери яркости заключается в том, что в чистые оттенки Фотошоп подмешивает слишком много посторонних красок. Даже в достаточно яркие цвета он нет да нет, но 5% Пурпурной и 5% черной подмешает. А для краски такие смеси губительные, так как на практике они изображение мгновенно «осеряют». Чаще всего Фотошоп создает черновые смеси красок. Например цвет Темно красный. То есть в идеале должен быть C0M100Y100K20 . А при конвертации Фотошоп этот цвет превратит в C10M85Y95K25 и вместо ярко выраженной краски получится то, что происходит когда вы в детстве все цвета гуаша брали, и на бумажке смешивали.

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

Конвертируем и исправляем в CMYK

Ниже я подобрал достаточно яркое кричащее изображение чая. А теперь давайте переведем его в CMYK методом, который я описал выше, и посмотрим как Фотошоп справится с этой задачей.

Изображение логичным образом потеряла всю яркую насыщенность по причинам которые я описывал выше. При печати изображение выглядит ещё темнее. Чтобы имитировать вид этой картинки на бумаге, прибавьте 10-20% затемнения в вашем цветовом профиле.

Получается следующая картинка. В рамках конвертации Фотошоп подобрал максимально схожие цвета. Но мы отталкиваемся от другой логики. Ведь в модели RGB чай был ярок и насыщен, а в CMYK он серый и блеклый. И это вовсе не максимум яркости в CMYK .

Все правильно. Работая в CMYK надо придерживаться другой логики и мыслить красками. Поэтому давайте просто немного подкорректируем цвета этого изображения.

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

Не так важно, как именно вы будете осуществлять цветокоррекцию. Можете работать с каналами на прямую, через кривые Curves. Можете пользоваться другими цветокоррекцими Фотошопа. Более того сама конвертация из RGB в CMYK далеко не всегда искажает цвета фотографии.

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

HEX / HTML

Цвет в формате HEX - это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 - красный, 22 - зелёный, 33 - синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

h1 { color: #ff0000; } /* красный */
h2 { color: #00ff00; } /* зелёный */
h3 { color: #0000ff; } /* синий */
h4 { color: #00f; } /* тот же синий, сокращённая запись */

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

h1 { color: rgb(255, 0, 0); } /* красный */
h2 { color: rgb(0, 255, 0); } /* зелёный */
h3 { color: rgb(0, 0, 255); } /* синий */
h4 { color: rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

RGBA

С недавних пор современные браузеры научились работать с цветовой моделью RGBA - расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

h1 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
h2 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
h3 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
h4 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
h5 { color: rgba(0, 0, 255, 0); } /* полностью прозрачный */

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

HSL

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

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

h1 { color: hsl(120, 100%, 50%); } /* зелёный */
h2 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
h3 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
h4 { color: hsl(120, 60%, 70%); } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

CMYK

Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.

Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).

Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 - жёлтой краски, и 46 - чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).

HSB / HSV

HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.

HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).

XYZ

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

HEX в RGB

HEX в CYMK

RGB в CYMK

RGB в HEX

Для чего используется инструмент Конвертер цветов?

Благодаря данному инструменту вы сможете легко преобразовать одну цветовую модель в другую (HEX в RGB, HEX в CYMK, RGB в CYMK, RGB в HEX), чтобы подготовить графические изображения для размещения на вашем сайте или для печати.

Что такое цветовая система и для чего она нужна? Не вдаваясь в дебри терминологии, скажем просто: цветовая система – это то, как "звучит" цвет на языке чисел. Люди, профессия которых так или иначе связана с графикой, должны знать основные цветовые модели и то, как они применяются на практике. Так уж повелось, что в мире все должно быть упорядочено, систематизировано и изучено. И цвет – не исключение. Основных цветовых моделей – ровно пять, но рассмотрим мы только две, которые чаще всего используются в среде разработчиков, дизайнеров и веб-мастеров: RGB и CMYK.

О цветовой модели RGB

RGB – это цветовая модель, которая чаще всего используется в сфере веб-дизайна. Согласно теории создателя этой модели - Джеймса Максвелла, любой цвет можно получить путем смешивания трех основных оттенков: красного (Red), зеленого (Green) и синего (Blue). С появлением компьютеров, цветам присвоили восьми- (классическая модель RGB) и шестнадцатеричное (HEX) значение, где каждый оттенок можно отобразить в числовом виде. В сфере веб-дизайна чаще всего используется шестнадцатеричная система исчисления цвета, значение которого задается здесь символами от 0 до ff (где ff = 255). Новый оттенок в виде #RRGGBB можно получить, "смешивая" цифровые значения основных цветов.

С помощью шестнадцатеричного режима можно закодировать около 16 миллионов оттенков (по 1 биту на каждый оттенок), но в этом особой необходимости нет: глаза большинства пользователей просто не способны различить такое количество цветов. Поэтому веб-мастера чаще всего используют шестнадцатибитный режим, в котором на кодирование красного и синего оттенков отводится по 5 бит, а на кодирование зеленого - 6 бит.

Цветовые значения RGB поддерживают все основные браузеры. При этом вы должны понимать, что отображение цвета будет зависеть от аппаратной части устройства: иными словами, на разных мониторах картинка будет выглядеть по-разному.

О цветовой модели CMYK

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

Систему цветопередачи CMYK (где Cyan – сине-зеленый, Magenta - пурпурный, Yellow - желтый, Key/blacK – ключевой, черный цвет) используют для стандартной триадной (полноцветной) печати, которая обладает значительно меньшим набором оттенков, чем модель RGB.

Числа, определяющие цвета в системе CMYK – это процент оттенка, который входит в итоговую цветовую комбинацию. Например, оттенок "хаки" состоит из 30% голубого цвета, 45% пурпурного, 80% желтого и 5 % черного.

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

Подводя итог, можно сказать следующее: при подготовке изображение для размещения на веб-ресурсе используется цветовая модель RGB, а для вывода на печать – CMYK. А наш удобный Конвертер цветов поможет вам легко преобразовать одну систему в другую.