Что такое RGB и CMYK
easy

Что такое RGB и CMYK

Короткое объяснение цветовых моделей.

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

👉 Это для общего кругозора и понимания мира компьютеров. Прикладных знаний сегодня не будет.

CMYK

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

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

CMYK

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

Чтобы давать принтеру указания, где какую краску наносить, используют цветовую модель CMYK.

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

Cyan — голубой

Magenta — пурпурный

Yellow — жёлтый

Смешивая в разных пропорциях эти цвета, мы можем получить на бумаге оттенки любого цвета. 

CMYK используют для разработки полиграфической продукции, то есть для всего, что печатается на бумаге. Модель CMYK говорит принтеру или печатному станку: «Вот тут нанеси пурпурного, а там нанеси голубого, тут всё залей жёлтым». И если принтер правильно всё нанесёт, получится нужное нам цветное изображение. 

Например, если принтеру поручат напечатать одну из наших обложек, он воспримет эту инструкцию так:

Что такое RGB и CMYK

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

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

Решение придумали такое: добавить в модель чёрный цвет. Так появилась модель CMYK: Cyan, Magenta, Yellow, Black. Чёрный используют, чтобы печатать текст и дополнительно подкрашивать чёрные участки изображений.

Что такое RGB и CMYK
Обратите внимание, что цвета на этой картинке не «вырвиглазные» и яркие, а приглушённые. Это компьютер пытается отобразить на экране, как эти цвета будут выглядеть на бумаге

RGB

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

Каждый пиксель на экране монитора состоит из трёх субпикселей — красного, зелёного и синего.

Субпиксели в матрице экрана компьютера или смартфона
Субпиксели в матрице экрана компьютера или смартфона

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

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

RGB

А если все три субпикселя будут светиться со стопроцентной яркостью, то мы увидим белый цвет:

Что такое RGB и CMYK
Что такое RGB и CMYK

Что где применяется

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

Полиграфисты проверяют, нет ли «перезалива» (когда на бумаге будет слишком много краски); контролируют чистоту смесей, прилаживают цветовые слои друг к другу. Там свой мир, но суть в том, что CMYK — это инструкция для печатной машины. 

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

И зачем мне это знать?

Вот несколько практических примеров: 

  • Зная о природе CMYK, вы всегда будете понимать, что вы не сможете напечатать на принтере суперяркие цвета. То, что на экране выглядит броско и вырвиглазно, на бумаге будет темнее и спокойнее. А если бумага не идеально белая — то ещё темнее. 
  • Готовя документы на печать, вы сразу сделаете их в модели CMYK и сможете проверить, не будет ли принтер подмешивать в ваши чёрные буквы какие-то дополнительные цвета.
  • А если нужно будет перегнать печатный макет в веб, вы будете понимать, что у вас есть запас по яркости и насыщенности. 

Текст:

Михаил Полянин

Редактура:

Максим Ильяхов

Художник:

Даня Берковский

Корректор:

Ирина Михеева

Вёрстка:

Мария Дронова

Соцсети:

Олег Вешкурцев

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
Гид: что изучать, чтобы получить ИТ-профессию

Планы на будущий год.

easy
Зачем нужны парсеры
Зачем нужны парсеры

И как стащить с сайта что угодно.

medium
Как писали игры для приставок: чудеса оптимизации и жёсткий кодинг

Для всех, кто вырос, проходя восьмибитного Марио.

medium
Что такое TOR

Страшная клоака интернета или способ вернуть себе свободу?

medium
Подборка бесплатных нейронок, которые могут заменить «Фотошоп»
Подборка бесплатных нейронок, которые могут заменить «Фотошоп»

Пока «Фотошоп» не выпустит новую версию сам

easy
5 полезных сайтов для начинающих программистов
5 полезных сайтов для начинающих программистов

Где искать ответы в первую очередь

easy
Facebook хранил наши пароли в виде текста. Что это значит?
Facebook хранил наши пароли в виде текста. Что это значит?

Тут такое!

easy
Что такое перегрузка операторов
Что такое перегрузка операторов

Для тех, кто пытался, но не понял.

hard
Нейронки-2023: обзор лучших для поиска, работы с текстом, документами и презентациями
Нейронки-2024: обзор лучших для поиска, работы с текстом, документами и презентациями

Нейросетей много не бывает

easy
easy