Цвет в RGB и CMYK: сравнение для дизайнеров и верстальщиков

Цвет в RGB и CMYK: сравнение для дизайнеров и верстальщиков

Самая частая причина конфликта между дизайнером и типографией — цвет. Макет выглядит ярким на мониторе, а из печати выходит тусклым, «грязным» или вовсе другим оттенком. Проблема почти никогда не в печатнике и не в вёрстке: она в том, что RGB и CMYK — это две разные физические модели воспроизведения цвета, и одна не переводится в другую без потерь. Разберём, как они устроены, где границы их возможностей и что делать верстальщику, чтобы предсказуемо получать нужный результат.

Две физики цвета: аддитивная и субтрактивная

RGB — аддитивная модель. Она описывает свет: экран монитора, проектор, камера. Три канала складываются, и в точке пересечения красного, зелёного и синего получается белый. Чем больше значения — тем светлее оттенок. Именно так работают все устройства, которые излучают свет.

CMYK — субтрактивная модель. Она описывает краску на бумаге: свет падает на отпечаток, часть спектра поглощается слоем пигмента, а отражённое попадает в глаз. Голубая, пурпурная и жёлтая краски теоретически должны давать чёрный, но на практике дают грязно-коричневый, поэтому добавляется четвёртая — Key (чёрная). Чем больше краски, тем темнее результат.

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

Почему цвета не совпадают: охват цветового пространства

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

Что не воспроизводится в печати вообще или воспроизводится с заметной потерей:

  • насыщенные неоновые оттенки — кислотно-зелёный, электрик, фуксия;
  • ярко-синие цвета вида #0000FF — в CMYK они заметно тускнеют и уходят в фиолетовый;
  • чистые светящиеся оранжевые и розовые, характерные для экранных градиентов;
  • металлики и люминесцентные цвета — только отдельными красками, например Pantone.

Обратная ситуация тоже бывает: глубокий «типографский» чёрный и плотные тёмные оттенки в CMYK выглядят богаче, чем на экране, если монитор посредственный.

Цветовой профиль важнее режима

Переключить документ из RGB в CMYK недостаточно. Результат зависит от того, какой профиль выбран для конвертации. В полиграфии чаще всего встречаются ISO Coated v2 (ECI), PSO Coated v3 (FOGRA51), FOGRA39, GRACoL и SWOP — под мелованную и немелованную бумагу, под разные стандарты печати.

Профиль стоит брать у типографии: она знает свой процесс и ограничения по суммарному наложению красок (Total Ink). Типовые значения — 300–320% для мелованной бумаги и 240–280% для немелованной и газетной.

Как переводить макет в CMYK без сюрпризов

  1. Начинайте в CMYK, если проект печатный. Конвертация в конце пути почти всегда даёт неожиданности в градиентах, тенях и эффектах прозрачности.
  2. Проверьте профиль документа. В InDesign и Illustrator — Edit → Assign Profile и Edit → Convert to Profile. Assign меняет интерпретацию, не трогая числа; Convert пересчитывает значения. Это разные операции, и путать их нельзя.
  3. Посмотрите на макет в Soft Proof. Режим эмуляции покажет, как цвета лягут на конкретной бумаге, до отправки файла.
  4. Включите Overprint Preview. Он покажет реальное взаимодействие объектов с наложением красок.
  5. Прогоните Preflight. Проверка выявит RGB-объекты, отсутствующие шрифты, низкое разрешение и превышение Total Ink.
  6. Отдайте PDF/X-4. Этот стандарт сохраняет прозрачности живыми и корректно передаёт цветовые пространства.

Три практических сценария

Печатный макет

Работайте в CMYK с самого начала. Тёмные участки собирайте как rich black — например, C60 M40 Y40 K100 или близкую комбинацию, согласованную с типографией. Для мелкого текста, тонких линий и штрихкодов используйте только K100: четыре краски на тонком штрихе дадут ореолы из-за несовмещения.

Веб и интерфейсы

Здесь CMYK не нужен вообще. Работайте в sRGB — это базовое пространство браузеров. Adobe RGB и ProPhoto RGB шире, но при выводе в веб всё равно ужмутся до sRGB, и цвета могут «съехать». Если макет изначально рисовался в CMYK, для веба его придётся пересобрать, а не просто переключить режим.

Смешанные проекты

Логотип, который живёт и в печати, и в вебе, всегда задавайте в двух версиях. Для печати — CMYK с проверенным профилем, для экрана — HEX или RGB. Фирменные цвета дополнительно фиксируйте в Pantone, чтобы у типографии был эталон, а не ваша субъективная оценка.

Частые ошибки верстальщика

  • Чёрный текст, набранный 100% во всех четырёх каналах: на печати он «плывёт» и выглядит неряшливо.
  • RGB-изображения, оставленные в печатном файле без конвертации.
  • Эффекты прозрачности, тени и свечения, которые после пересчёта дают грязь и полосы в градиентах.
  • Pantone-цвета, механически переведённые в CMYK: библиотека даёт лишь приближение, иногда довольно далёкое.
  • Отсутствие контроля Total Ink: сумма выше допустимой приводит к отмарыванию и долгой сушке.

Чек-лист перед отправкой в печать

  • Все объекты в нужном цветовом пространстве, RGB не осталось.
  • Профиль соответствует бумаге и процессу, согласован с типографией.
  • Чёрный текст и линии — только в канале K.
  • Суммарное наложение красок в пределах нормы.
  • Проверено в Soft Proof и Overprint Preview.
  • Preflight пройден, экспортирован PDF/X-4.

Коротко о главном

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

Комментарии

4 ответа для «Цвет в RGB и CMYK: сравнение для дизайнеров и верстальщиков»

  1. Аватар пользователя Софья
    Софья

    Поняла про гамму и что CMYK уже RGB, но всё равно не до конца ясно: если логотип должен жить и в вебе, и в печати, как лучше выбирать профиль для конвертации? У нас брендбук в RGB, а типография просит ISO Coated v2, и я не уверена, где смотреть, не потерялся ли фирменный синий.

    1. Аватар пользователя Марина Полетаева
      Марина Полетаева

      Для логотипа я бы не конвертировала исходный мастер в CMYK без нужды: храните вектор в RGB или Lab и отдельно проверяйте печатную версию под профиль типографии. Если они просят ISO Coated v2, сделайте пробную конвертацию и сравните цифры: насыщенный синий часто уходит в фиолетовый, иногда его заменяют Pantone. И обязательно запросите у типографии их профиль или хотя бы стандарт печати, иначе результат будет лотереей.

  2. Аватар пользователя Никита
    Никита

    Я верстальщик, и я столкнулся с этим на макете с ярко-оранжевыми градиентами: в цифровой печати на бумаге всё стало заметно глуше. Теперь заранее смотрю переводимые оттенки и прошу цветопробу, а клиенту объясняю, что неоновый оранжевый в CMYK не повторится. В спорных местах мы заменили цвет на Pantone, и это помогло.

  3. Аватар пользователя Николай А.
    Николай А.

    Не согласен, что глубокий чёрный в CMYK всегда богаче на экране. У меня на калиброванном мониторе rich black выглядит плотнее, чем офсетный оттиск на мелованной бумаге. Тут всё решают монитор, бумага и профиль.