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

Яркость каждой такой лампочки определяется интенсивностью (делением) от 0 (выключенная "лампочка") до 255 ("лампочка", светящая с полной "силой"). Такое деление цветов называется цветовой моделью RGB от первых букв слов "RED" "GREEN" "BLUE" (красный, зеленый, синий).

Таким образом белый цвет нашей точки в цветовой модели RGB можно записать в следующем виде:

R (от слова "red", красный) - 255

G (от слова "green", зеленый) - 255

B (от слова "blue", синий) - 255

"Насыщенный" красный будет выглядеть так:

Желтый цвет будет иметь следующий вид:

Так же, для записи цвета в rgb, используют шестнадцатеричную систему. Показали интенсивности запмсывают по порядку #RGB:

Белый - #ffffff

Красный - #ff0000

Черный - #00000

Желтый - #ffff00

Цветовая модель CMYK

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

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

Примерно так: мы светим на красный предмет белым светом. Белый свет можно представить как R-255 G-255 B-255. Но предмет не хочет отражать весь свет, который мы на него направили, и нагло ворует у нас все оттенки зеленого и синего. В итоге отражает только R-255 G-0 B-0. Именно поэтому он нам и кажется красным.

Так что для печати на бумаге весьма проблематично пользоваться цветовой моделью RGB. Для этого, как правило, используется цветовую модель CMY (цми) или CMYK (цмик). Цветовая модель CMY основана на том, что сам по себе лист бумаги белый, то есть отражает практически весь спектр RGB, а краски, наносимые на нее, выступают в качестве фильтров, каждый из которых "ворует" свой цвет (либо red, либо green, либо blue). Таким образом цвета этих красок определяются вычитанием из белого по одному цветов RGB. Получаются цвета Cyan (что-то вроде голубого), Magenta (можно сказать, розовый), Yellow (желтый).

И если в цветовой модели RGB градация каждого цвета происходила по яркости от 0 до 255, то в цветовой модели CMYK у каждого цвета основным значением является "непрозрачность" (количество краски) и определяется процентами от 0% до 100%.

Таким образом, белый цвет можно описать так:

C (cyan) - 0%; M (magenta) - 0%; Y (yellow) - 0%.

Красный - C-0%; M-100%; Y-100%.

Зеленый - C-100%; M-0%; Y-100%.

Синий - C-100%; M-100%; Y-0%.

Черный - C-100%; M-100%; Y-100%.

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

Это может быть сокращение от blacK (черный). И в сокращении используется именно последняя буква, чтобы не спутать этот цвет с цветом Blue в модели RGB;

Печатники очень часто употребляют слово "Контур" относительно этого цвета. Так что возможно, что буква K в абревиатуре CMYK (ЦМИК) - это сокращение от немецкого слова "Kontur";

Так же это может быть сокращение от Key-color (ключевой цвет).

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

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

Печать с использованием цветов CMYK называют "полноцветной" или "триадной".

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

Цветовая модель grayscale

Изображение в цветовой модели grayscale многие ошибочно называют черно-белым. Но это не так. Черно-белое изображение состоит только из черных и белых тонов. В то время, как grayscale (оттенки серого) имеет 101 оттенок. Это градация цвета Kobalt от 0% до 100%.

Аппаратно-зависимые и аппаратно-независимые цветовые модели

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

Чтобы передать человеку более достоверную информацию о цвете, к аппаратно-зависимым цветовым моделям прикрепляют так называемые цветовые профили. Каждый из такого профиля содержит информацию о конкретном способе передачи человеку цвета и регулирует конечный цвет с помощью добавления или изъятия из какого-либо составляющего первоначального цвета параметров. Например, для печати на глянцевой пленке используется цветовой профиль, убирающий 10% Cyan и добавляющий 5% Yellow к первоначальному цвету, из-за особенностей конкретной печатной машины, самой пленки и прочих условий. Однако даже прикрепленные профили не решают всех проблем передачи нам цвета.

Аппаратно-независимые цветовые модели не несут в себе сведений для передачи цвета человеку. Они математически описывают цвет, воспринимаемый человеком с нормальным цветным зрением.

Цветовые модели HSB и HLS

В основе этого цветового пространства лежит уже знакомое нам радужное кольцо RGB. Цвет управляется изменением таких параметров, как:

Hue - оттенок или тон;

Saturation - насыщенность цвета;

Brightness - яркость.

Параметр hue - это цвет. Определяется градусами от 0 до 360 исходя из цветов радужного кольца.

Параметр saturation - процент добавления к этому цвету белой краски имеет значение от 0% до 100%.

Параметр Brightness - процент добавления черной краски так же изменяется от 0% до 100%.

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

Это самая простая для понимания цветовая модель, поэтому ее очень любят многие web-дизайнеры. Однако она имеет ряд недостатков:

Глаз человека воспринимает цвета радужного кольца, как цвета, имеющие различную яркость. Например, спектральный зелёный имеет большую яркость, чем спектральный синий. В цветовой модели HSB все цвета этого круга считаются обладающими яркостью в 100%, что, к сожалению, не соответствует действительности.

Так как в её основе лежит цветовая модель RGB, она, все же является аппаратно-зависимой.

Эта цветовая модель конвертируется для печати в CMYK и конвертируется в RGB для отображения на мониторе. Так что догадаться, каким у вас в конечном счете получится цвет бывает весьма проблематично.

Аналогична этой модели цветовая модель HLS (расшифровка: hue, lightness, saturation).

Иногда используются для коррекции света и цвета в изображении.

Цветовая модель LAB

В этой цветовой модели цвет состоит из:

Luminance - освещенность. Это совокупность понятий яркость (lightness) и интенсивность (chrome)

A - это цветовая гамма от зеленного до пурпурного

B - цветовая гамма от голубого до желтого

То есть двумя показателями в совокупности определяется цвет и одним показателем определяется его освещенность.

LAB - Это аппаратно-независимая цветовая модель, то есть она не зависит от способа передачи нам цвета. Она содержит в себе цвета как RGB так и CMYK, и grayscale, что позволяет ей с минимальными потерями конвертировать изображение из одной цветовой модели в другую.

Еще одним достоинством является то, что она, в отличие от цветовой модели HSB, соответствует особенностям восприятия цвета глазом человека.

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

Не секрет, что перед отправкой макета в печать нужно конвертировать все прикрепленные изображения в 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%.

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

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

Расшифровка 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%) = бордовый