Мантры 

Алый цвет cmyk. Цветовая модель cmyk

Зачем нужны разные цветовые модели и почему один и тот же цвет может выглядеть по-разному

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

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

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

Цифровая цветовая модель RGB

Что такое RGB?

Аббревиатура RGB означает названия трех цветов, использующихся для вывода на экран цветного изображения: Red (красный), Green (зеленый), Blue (синий).

Как формируется цвет RGB?

Цвет на экране монитора формируется при объединении лучей трех основных цветов - красного, зеленого и синего. Если интенсивность каждого из них достигает 100%, то получается белый цвет. Отсутствие всех трех цветов дает черный цвет.

Таким образом, любой цвет, который мы видим на экране, можно описать тремя числами, обозначающими яркость красной, зеленой и синей цветовых составляющих в цифровом диапазоне от 0 до 255. Графические программы позволяют комбинировать требуемый RGB-цвет из 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего. Итого получается 256 х 256 х 256 = 16,7 миллионов цветов.

Где используются изображения в режиме RGB?

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

Полиграфическая цветовая модель CMYK

Что такое CMYK?

Система CMYK создана и используется для типографической печати. Аббревиатура CMYK означает названия основных красок, использующихся для четырехцветной печати: голубой (Сyan), пурпурный (Мagenta) и желтый (Yellow). Буквой К обозначают черную краску (BlacK), позволяющую добиться насыщенного черного цвета при печати. Используется последняя, а не первая буква слова, чтобы не путать Black и Blue.

Как формируется цвет CMYK?

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию. Например, для получения тёмно-оранжевого цвета следует смешать 30 % голубой краски, 45 % пурпурной краски, 80 % жёлтой краски и 5 % чёрной. Это можно обозначить следующим образом: (30/45/80/5).

Где используются изображения в режиме CMYK?

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

В этом случае применяются краски Pantone (готовые смешанные краски множества цветов и оттенков), их также называют плашечными (поскольку эти краски не смешиваются при печати, а являются кроющими).

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

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

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

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

Сокращение от Cyan-Magenta-Yellow-Black - голубой-пурпурный-желтый-черный. CMYK - это цветовая модель, в которой все цвета описываются как смесь этих четырех обрабатываемых цветов. CMYK - стандартная цветовая модель, используемая в цветной печати. Т.к. здесь используются чернила четырех основных цветов, ее еще называют четырехцветной печатью.

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

Основными цветами в CMYK являются голубой (Cyan), пурпурный (Magenta) и жёлтый (Yellow). Голубой цвет получается путём вычитания из белого красного цвета, пурпурный - зелёного, жёлтый - синего.

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

Цветовая модель CMYK является основной для печати. В цветных принтерах также применяется данная модель. Получается, что для того, чтобы распечатать чёрный цвет, необходимо большое количество краски. Кроме того смешение всех цветов модели CMYK на самом деле даёт не чёрный, а грязно-коричневый цвет. Поэтому, для усовершенствования модели CMYK, в неё был введён один дополнительный цвет - чёрный. Он является ключевым цветом при печати, поэтому последняя буква в названии модели - K (Key), а не B. Таким образом, модель CMYK является четырёхканальной.

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

Цветовая модель hsb.

Эта цветовая модель является наиболее простой для понимания. Кроме того, она равно применима и для аддитивных, и для субстративных цветов.

HSB - это трехканальная модель цвета. Она получила название по первым буквам английских слов: цветовой тон (hue), насыщенность (saturation), яркость (brightness).В системе HSB цвет разлагается на три составляющие:

HUE (Цветовой тон) – частота световой волны, отражающейся от объекта, который вы видите.

SATURATION (Насыщенность) является чистотой цвета. Это соотношение основного тона и равного ему по яркости бесцветно серого. Максимально насыщенный цвет не содержит серого вообще. Чем меньше насыщенность цвета, тем он нейтральней, тем труднее однозначно охарактеризовать его.

BRIGHTNESS (Яркость) это общая яркость цвета. Минимальное значение этого параметра превращает любой цвет в черный.

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

Применение. HSB - модель в основном используют компьютерные художники.

HEX / HTML

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

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

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

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

RGB

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

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

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

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

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

RGBA

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

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

  1. h1 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
  2. h2 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
  3. h3 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
  4. h4 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
  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%).

  1. h1 { color: hsl(120, 100%, 50%); } /* зелёный */
  2. h2 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
  3. h3 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
  4. 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 (полностью непрозрачный).

  1. h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
  2. h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
  3. h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
  4. h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
  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), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

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

Обычно это не проблема. Устанавливаем какой-нибудь профиль получше, можно попросить у типографии или скачать с сайта The European Color Initiative. Я использую профиль от европейской ассоциации потому что он адекватнее обрабатывает сложные цвета чем встроенные алгоритмы фотошопа. Ещё один плюс этого профиля - после цветоделения сумма красок не превышает 300%, что достаточно удобно.

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

Ярко-красная футболка - головная боль допечатника

Направляемся в меню Edit - Convert to Profile.

В списке находим нужный профиль и видим ужасную картину.

Футболка стала плоской и тусклой

Для наглядности я конвертировал изображение со стандартным профилем фотошопа, получилось не лучше

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

Еще один способ немного спасти детализацию - понизить насыщенность цветов в RGB, чтобы они примерно попали в цветовой охват CMYK и затем после цветоделения подтянуть насыщенность обратно.

В данном случае я понизил насыщенность на 20 единиц, затем конвертировал изображение в CMYK с профилем PSO Coated v3. Затем уже в CMYK поднял насыщенность на те же 20 единиц и кривыми немного добавил насыщенности в желтом канале и в мадженте.

Получилось, конечно не так ярко, как в RGB, но всё-таки деталей сохранилось существенно больше.

Если вашему изображению не помогло ничего из перечисленного, остаётся еще один способ. Попробуем заменить чёрный канал в CMYK яркостным каналом из пространства Lab.

Для начала нужно создать дубликат документа. Для этого находим на панели History кнопочку и нажимаем её.

Откроется дубликат нашего изображения на текущем этапе.

Теперь переводим этот дубликат в пространство Lab Image-Mode-Lab Color .

На панели каналов выберем Lightness. Сейчас он слишком тёмный для чёрного канала в CMYK.

Добавим ему контраста с помощью кривой.

Теперь вернемся к оригинальному изображению. Конвертируем его в CMYK с профилем PSO Coated v3 в режиме Relative Colometric. Этот режим меньше всего меняет цвета.

Дублируем текущий слой, чтобы потом стереть ненужное.

На панели каналов выбираем чёрный канал.

Теперь открываем меню Image-Apply Image . В качестве источника выбираем наш дубликат, канал Lightness, режим смешивания Normal, непрозрачность 100%.

Получившийся чёрный канал всё ещё немного темноват. Осветляем его кривой.

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

Расшифровка CMYK

Аббревиатура CMYK расшифровывается как:
С – циан (Cyan) – ярко-голубой;
М – маджента (Magenta) – ярко-розовая;
Y – желтый (Yellow) – ярко-желтая;
K – черный (BlacK) – черная краска, где в аббревиатуру вошла не первая, а последняя буква, что бы не путать с цветом Blue (синим), который используется в цветовой модели RGB.

CMYK – это не только основные тона для печати, но и цветовая модель, которая может в процентах описать любой оттенок. Такое свойство очень важно для того чтобы объяснить печатной машине уже внутри изображения: какими красками печатать и в какой пропорции.
Так изображение можно выразить в числовом виде, где приделом будет 100% для каждого из цветов CMYK.

Например, сине-зеленый будет иметь следующую формулу:
С – 100%; М – 25%; Y – 25%; K – 10%;

100% считается объем краски, который выдает машина при печати одного из основных цветов в этой системе. Этот объем настраивается через профиль (программного обеспечения) печатной машины. Проверка корректной настройки печати проходит через воспроизведение тонов CMYK.

CMYK черный

Что же представляет из себя формула: С – 100%; М – 100%; Y – 100%; K – 100%?
В специфике печати, 100% хотя бы одной из основных красок дает наиболее яркий тон в палитре. Однако, в общей процентовки красителя более 300% (в среднем) — в печати не допускается. Цвет, состоящий из 100% краски всех тонов (то есть 400%) – глубокий черный, который с большой вероятностью нарушит четкие контуры объекта на любой печатной поверхности.
Часто при печати очень важен глубокий черный цвет, но чистая черная краска (С – 0%; М – 0%; Y –0%; K – 100%) – не отвечает этим требованиям. Поэтому при подготовке изображения к печати чистый черный заменяют на составной, который должен отвечать требованиям типографии (их вы всегда имеете право запросить). В среднем (цифра будет варьироваться от настроек машины) это С – 40%; М – 40%; Y – 40%; K – 100%, максимально С – 70%; М – 60%; Y – 60%; K – 100%.
ВАЖНО! Значение K в черном должно быть 100%.

Часто при переводе из RGB модели в CMYK черный цвет приобретает хаотичное значение, например: С – 75%; М – 68%; Y – 67%; K – 90%. В сумме это дает 300%, однако на печати оттенок может повести себя не предсказуема: например, выдать темно-серый цвет с синим отливом (в зависимости от настроек машины).

Палитра CMYK

Основной задачей печатной промышленности – давать сочные, яркие изображения. И если художник может потратить много времени на подбор нужного тона, то печать не имеет права на ошибку, так как речь идет не о штучном изделии, а о массовом продукте. Поэтому в системе CMYK есть набор самых выгодных цветов, которые не подведут при печати.
Опираться стоит на правила:
1) Самый сочный цвет получается в том случае, если какого либо основного цвета 100%.
2) Составные цвета имеют преимущество перед одной краской.
3) Синий цвет как правило интенсивней других красителей.

Серый необходимо сделать составным. В его создании учувствуют все цвета:
С(20%); М(20%); Y (20%); K (20%) = светло-серый
С(40%); М(40%); Y (40%); K (40%) = средне-серый
С(60%); М(60%); Y (60%); K (60%) = темно-серый

Красный – один из основных цветов полиграфии. Его яркость очень важна. В классическом варианте самый яркий оттенок является результатом смешивания 100% розового и 100% желтого. Любые затемнения его можно добиться с добавлением синего и черного.
С(0%); М(100%); Y (100%); K (0%) = красный
С(0%); М(90%); Y (100%); K (0%) = алый
С(30%); М(100%); Y (100%); K (30%) = бордовый