Построение изображений RGB и CMYK

Почему цвета на экране вашего компьютера и на распечатанной фотографии иногда выглядят по-разному?

Почему разная техника печатает по разному одни и те же картинки, на одной и той же бумаге одним и тем же тонером или чернилами (по цвету)?

Сегодня я хочу коснуться систем работы с цветом — RGB и CMYK.

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

RGB.

RGB — это система, которая работает со светом. Она используется везде, где есть экраны: мониторы, телевизоры, смартфоны, проекторы. RGB расшифровывается как Red (красный), Green (зелёный), Blue (синий).

Всё, что светит, использует систему RGB.

Принцип работы RGB.

Представьте себе три фонарика: красный, зелёный и синий. Если вы включите их все вместе, то получите белый свет. Если же выключите все фонарики, то увидите чёрный цвет (то есть полное отсутствие света).

Можно поверить на слово, а можно проверить. Я рекомендую проверить.

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

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

А теперь немного подробнее.

Каждый из трёх цветов (красный, зелёный, синий) можно представить как канал, который может быть "включён" или "выключен". В цифровых устройствах интенсивность каждого канала измеряется числами от 0 до 255. Не имеет сильного значения почему, так принято.

Например:

• Чёрный : (0, 0, 0) — все каналы выключены, нет света.
• Белый : (255, 255, 255) — все каналы работают на максимуме, свет максимально яркий.
• Красный : (255, 0, 0) — только красный канал активен.
• Жёлтый : (255, 255, 0) — красный и зелёный каналы активны, а синий выключен.

В графическом редакторе (например Photoshop или даже Paint) каждый цвет задаётся числами от 0 до 255 для каждого канала (красного, зелёного и синего). Если включить ручной выбор цвета, то там, как раз, и будут эти цифры.

Пример из Paint.

Какую роль играет каждый цвет в RGB?

Red (Красный).

• Роль: Один из трёх основных цветов света. Он добавляет тёплые оттенки к изображению.
• Пример: Если вы включаете только красный канал, вы получите чистый красный. Если добавить зелёный, то получится жёлтый, а если добавить синий — фиолетовый.
• Техническое применение: Красный используется для создания тёплых тонов, таких как оранжевый, розовый или коричневый. Без красного изображение будет казаться холодным и "сине-зелёным".

Green (Зелёный).

• Роль: Второй основной цвет света. Он добавляет яркость и естественность изображению.
• Пример: Если вы включаете только зелёный канал, вы получите чистый зелёный цвет. В сочетании с красным он даёт жёлтый, а с синим — голубой.
• Техническое применение: Зелёный важен для создания естественных цветов, таких как трава, листва или кожа человека. Без зелёного изображение теряет баланс и становится слишком "красно-синим".

Blue (Синий)

• Роль: Третий основной цвет света. Он добавляет глубину и холодные оттенки.
• Пример: Если вы включаете только синий канал, вы получите чистый синий цвет. В сочетании с красным он даёт фиолетовый, а с зелёным — голубой.
• Техническое применение: Синий используется для создания неба, воды, теней и других холодных элементов. Без синего изображение становится слишком "красно-зелёным" и теряет контраст.

Зачем нужен RGB?

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

Резюмирую.
RGB — это система, ориентированная на свет.

CMYK.

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

CMYK расшифровывается как Cyan (голубой), Magenta (пурпурный), Yellow (жёлтый), Key (чёрный).

У многих возникает вопрос, почему чёрный цвет обозначается как «K», а не «B». Я, например, чтобы проще было запомнить, иногда говорю, что это от слова Blac(k).

На самом деле здесь немного другая суть. В системе CMYK чёрный цвет является ключевым (ключ — key).

В традиционной полиграфии чёрный цвет используется для создания деталей и контуров изображения. Он служит основой, на которую накладываются другие цвета (голубой, пурпурный и жёлтый).

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

Таким образом, Key символизирует важность чёрного цвета в процессе формирования изображения.

К тому же в RGB уже используется буква B (Blue), и надо избежать путаницы.

Принцип работы CMYK.

В отличие от RGB, CMYK работает с красками, а не со светом. Когда вы наносите краску на бумагу, она поглощает часть света и отражает остальное. Поэтому CMYK называют субтрактивной моделью (от латинского subtrahere — вычитать).

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

Теперь чуть подробнее.

Голубой, пурпурный и жёлтый — это основные цвета, которые используются для создания других оттенков. Например:

• Если смешать голубой и пурпурный, получится синий.
• Если смешать пурпурный и жёлтый, получится красный.
• Если смешать голубой и жёлтый, получится зелёный.

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

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

Калибровочный лист CMYK

Какую роль играет каждый цвет в CMYK?

Cyan (Голубой)

• Роль: Основной пигмент, который поглощает красный свет и отражает зелёный и синий.
• Пример: Если нанести только голубой пигмент, он будет выглядеть как светло-голубой цвет. В сочетании с пурпурным он даёт синий, а с жёлтым — зелёный.
• Техническое применение: Голубой используется для создания холодных оттенков, таких как небо, вода или металлические поверхности. Без голубого изображение может стать слишком "жёлто-красным".

Magenta (Пурпурный)

• Роль: Основной пигмент, который поглощает зелёный свет и отражает красный и синий.
• Пример: Если нанести только пурпурный пигмент, он будет выглядеть как розово-фиолетовый цвет. В сочетании с голубым он даёт синий, а с жёлтым — красный.
• Техническое применение: Пурпурный используется для создания тёплых и ярких оттенков, таких как розовый, фиолетовый или красный. Без пурпурного изображение теряет интенсивность и становится более "зелено-жёлтым".

Yellow (Жёлтый)

• Роль: Основной пигмент, который поглощает синий свет и отражает красный и зелёный.
• Пример: Если нанести только жёлтый пигмент, он будет выглядеть как ярко-жёлтый цвет. В сочетании с голубым он даёт зелёный, а с пурпурным — красный.
• Техническое применение: Жёлтый используется для создания ярких и светлых оттенков, таких как солнце, песок или кожа человека. Без жёлтого изображение становится более "сине-пурпурным".

Key (Чёрный)

• Роль: Дополнительный пигмент, который добавляется для улучшения глубины, контраста и экономии чернил.
• Пример: Если смешать голубой, пурпурный и жёлтый, теоретически должен получиться чёрный. Но на практике это часто приводит к грязно-бурому цвету. Поэтому добавляется чистый чёрный пигмент.
• Техническое применение: Чёрный используется для текста, теней, деталей и других элементов, требующих высокой контрастности.

Зачем нужен CMYK?

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

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

В чём разница между RGB и CMYK?

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

Формирование цвета:

• RGB: Складывает свет. Чем больше света, тем ярче цвет. Максимальная яркость — белый цвет.
• CMYK: Вычитает свет. Чем больше краски, тем темнее цвет. Максимальное количество краски — чёрный цвет.

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

Наглядная демонстрация разницы RGB и CMYK.

Применение.

• RGB : Для всего, что светится: экраны, проекторы, видеоигры.
• CMYK : Для всего, что печатается: книги, фотографии, плакаты.

Например, если вы создаёте дизайн для веб-сайта - вы используете RGB.

Если же вы готовите макет для журнала, то — CMYK. Про то как перевести RGB в CMYK будет ниже

Цветовой охват

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

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

Плюсы и минусы каждой системы

RGB

Плюсы:

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

Минусы:

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

CMYK

Плюсы:

• Точное воспроизведение цветов в печати. Если вы правильно подготовили изображение, то результат будет максимально близок к оригиналу.
• Подходит для профессиональной полиграфии. CMYK используется для высококачественной печати книг, журналов и рекламных материалов.
• Хороший контроль над чёрным цветом. Чёрный цвет в CMYK выглядит глубже и насыщеннее, чем в RGB.

Минусы:

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

Как совместить RGB и CMYK?

Коснусь этого момента совсем чуть-чуть. Это больше относится к работе дизайнера, я тут не силён.

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

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

Думаю понятно где ярко-фиолетовый, а где электрический синий

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

Это не важно для офисной печати, условно, цветных таблиц. Но крайне важно для работы в полиграфии.

Я помню, один клиент очень жаловался, что на совместимом тонере у мяса в меню не тот цвет.

Возможные проблемы и способы решения.

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

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

В тексте будет упоминаться спектрофотометр. Рекомендую отдельно изучить что это и как работает. Если, конечно, есть такая необходимость.

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

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

Цвета на экране выглядят ярче, чем в реальности?

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

Решение:

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

Почему цвета на разных устройствах выглядят по-разному?

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

Решение:

• Калибруйте все устройства с помощью спектрофотометра.
• Используйте одинаковые цветовые профили на всех устройствах.
• Регулярно проверяйте настройки яркости и контрастности на всех устройствах.

Почему цвета при печати получаются тусклее, чем на экране?

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

Решение:

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

Почему отпечатки иногда имеют неправильные оттенки (например, слишком жёлтые или синие)?

Это может быть связано с некорректной настройкой принтера, изношенными ресурсными узлами и блоками или использованием некачественных расходных материалов (напоминаю: бумага — тоже расходный материал).

Решение:

• Если используются совместимые расходные материалы - поменять производителя.
• Провести диагностику узлов и блоков, которые участвуют в процессе формирования изображения.
• Используйте цветовые профили, соответствующие типу бумаги и тонера.
  Возможно придётся создать собственный профиль, чтобы работать на тех расходных материалах, которые используются в аппарате.
• Откалибруйте принтер с помощью спектрофотометра, чтобы убедиться, что цвета выводятся точно.

__________________________________________________________________________________________

В этой статься я рассказал азы формирования изображения. У меня не было цели объяснить всё, я хотел лишь дать общее понимание.

Конечно и в RGB и в CMYK можно более сильно углубиться, но навряд ли это вам нужно.

__________________________________________________________________________________________

Если есть какие-то вопросы, дополнения и пожелания — прошу в комментарии.

Так же я только рад конструктивной критике, я вполне могу ошибиться или не достаточно понятно что-то объяснить.

Я никогда не против внести разумные исправления.

Так же можно подписаться на Телеграмм, чтобы было проще следить за выходом новых статей.

______________________________________________________________________________________

А если у вас есть какой-то вопрос (по неисправностям, объяснить как что-то работает, вопросы по сотрудничеству или что-то другое) , то его можно задать мне заполнив форму.