Rgb и cmyk в чем разница при печати

Различия цветовых моделей RGB, CMYK, HSB

Очень часто у людей, напрямую не связанных с полиграфией, возникают вопросы: «Что такое CMYK?», и «Почему нельзя использовать ничего, кроме CMYK?». В этой статье постараемся разобраться, что такое цветовые пространства CMYK, RGB и HSB и почему один и тот же фирменный цвет в макете на экране компьютера и на бумаге выглядит по-разному.

Системы цветопередачи RGB, CMYK и HSB

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

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

Что такое RGB

Начнём с цифр. 16,7 миллионов оттенков отображает современный монитор компьютера или хорошее печатающее устройство. Такая большая палитра получается смешением всего трёх цветов в разных пропорциях — красного, синего и зелёного. В графических редакторах каждый из них представлен 256 оттенками (256х256х256=16,7 миллионов).

RGB — цветовая модель, названная так по трём заглавным буквам названий цветов, лежащих в ее основе: Red, Green, Blue, или красный, зелёный, синий. Эти же цвета образуют и все промежуточные. Научное название — аддитивная модель (от англ.слова add — «добавлять»). Служит для вывода изображения на экраны мониторов и другие электронные устройства. Обладает большим цветовым охватом.

Rgb и cmyk в чем разница при печати. . Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-. картинка Rgb и cmyk в чем разница при печати. картинка

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

Как выглядит цветовая модель RGB?

Что такое CMY(K)

Rgb и cmyk в чем разница при печати. CMYK 1.png.pagespeed.ce.HgWelMIeTR. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-CMYK 1.png.pagespeed.ce.HgWelMIeTR. картинка Rgb и cmyk в чем разница при печати. картинка CMYK 1.png.pagespeed.ce.HgWelMIeTR

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

Что такое HSB?

Перед тем, как подвести итог, подчеркнём: модели RGB и CMYK не так хорошо соответствуют понятию собственно цвета, как цветовая модель HSB. Это аббревиатура с английских слов: Hue, Saturation, Brightness — тон, насыщенность, яркость. HSB основана на модели RGB, но у неё другая система координат: каждый цвет в этой модели получается путем добавления к основному спектру черной или белой краски. При этом тон — это собственно цвет и есть, насыщенность — процент добавленной к цвету белой краски, а яркость — процент добавленной чёрной краски.

Rgb и cmyk в чем разница при печати. color model 2v2. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-color model 2v2. картинка Rgb и cmyk в чем разница при печати. картинка color model 2v2

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

В чем отличие RGB от CMYK?

Разница между CMYK и RGB заключается в том, что RGB-цвет по сути лишь излучаемый цвет (или свет), а CMYK-цвет — цвет отражаемый (краска). Первый образуется за счёт интенсивности свечения, а второй получается как результат наложения красок в полиграфии. Соответственно, любые изображения в электронном виде — рисунки на мониторе компьютера, фотографии на экране телефона — основываются на RGB-модели. Модель CMYK применяется для полноцветной печати. А чтобы цвета не потерялись, изображение перед печатью выводят из аддитивной модели в субстрактивную. Говоря на языке дизайнеров и специалистов подготовки макетов, модель CMYK — рабочий инструмент офсетной типографии, который выводит цвета на бумагу.

Rgb и cmyk в чем разница при печати. RGB CMYK modelo teoria cor design grafico 02. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-RGB CMYK modelo teoria cor design grafico 02. картинка Rgb и cmyk в чем разница при печати. картинка RGB CMYK modelo teoria cor design grafico 02

Отличие систем цветопередачи RGB и CMYK

CMYK и RGB: применение на практике

Насколько публикация полезна?

Средняя оценка 4.5 / 5. Количество оценок: 21

Источник

Цветовая модель RGB или CMYK для печати фотографий? Выбираем правильно

Rgb и cmyk в чем разница при печати. 18175. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18175. картинка Rgb и cmyk в чем разница при печати. картинка 18175

Не стоит удивляться, если напечатанная фотография будет отличаться от той, которую вы видели на экране компьютера. Цвета по-разному проявляются на разных материалах. Цветовые модели и используются для того, чтобы объяснить поведение света на различных материалах. Наиболее распространены модели RGB и CMYK.

Rgb и cmyk в чем разница при печати. 18176. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18176. картинка Rgb и cmyk в чем разница при печати. картинка 18176

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

Rgb и cmyk в чем разница при печати. 18177. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18177. картинка Rgb и cmyk в чем разница при печати. картинка 18177

Все цифровые экраны используют RGB. Но существует множество типов дисплеев, от AMOLED до ЖК-дисплеев, что создает несогласованность цветов.

AMOLED похожи на крошечные лампочки, излучающие свет. Между тем ЖК-дисплеи сами по себе не излучают свет. Следовательно, им требуется белая подсветка для отображения цвета.

У обеих систем есть свои плюсы и минусы. Например, AMOLED-дисплеи создают более яркие тона. Но в то же время ЖК-дисплеи гораздо лучше отображают белый цвет. Технология AMOLED часто встречается на экранах телевизоров и телефонов. Между тем ЖК-дисплеи чаще используют в дисплеях и мониторах ноутбуков.

Rgb и cmyk в чем разница при печати. 18178. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18178. картинка Rgb и cmyk в чем разница при печати. картинка 18178

Чтобы экран отображал точные цвета, его необходимо откалибровать. Покупка экрана со 100% охватом sRGB будет большим подспорьем. Другими словами, он должен иметь возможность отображать весь спектр цветов RGB. И, если вы планируете регулярно печатать свои работы, вам также понадобится дисплей с расширенным цветовым охватом. Такой экран может отображать цвета изображений, которые позже будут напечатаны.

CMYK

Rgb и cmyk в чем разница при печати. 18179. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18179. картинка Rgb и cmyk в чем разница при печати. картинка 18179

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

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

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

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

Rgb и cmyk в чем разница при печати. 18180. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18180. картинка Rgb и cmyk в чем разница при печати. картинка 18180

Когда следует использовать RGB или CMYK?

Как преобразовать RGB в CMYK?

Rgb и cmyk в чем разница при печати. 18181. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18181. картинка Rgb и cmyk в чем разница при печати. картинка 18181

Если изображение необходимо будет распечатать, вам нужно будет преобразовать его цветовую модель. Чтобы преобразовать файл RGB, перейдите в Edit. Затем нажмите Convert to Profile.

Rgb и cmyk в чем разница при печати. 18182. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18182. картинка Rgb и cmyk в чем разница при печати. картинка 18182

Теперь нажмите на поле Destination Space (Целевое пространство).

Rgb и cmyk в чем разница при печати. 18183. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18183. картинка Rgb и cmyk в чем разница при печати. картинка 18183

Как видите, вам доступно множество вариантов цветовых моделей. В большинстве случаев лучшим вариантом по умолчанию является вариант Working CMYK U.S. Web Coated (SWOP) v2. Она работает с обычными офисными и домашними принтерами.

Rgb и cmyk в чем разница при печати. 18184. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18184. картинка Rgb и cmyk в чем разница при печати. картинка 18184

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

Теперь давайте посмотрим, чем отличаются RGB и CMYK.

Rgb и cmyk в чем разница при печати. 18185. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18185. картинка Rgb и cmyk в чем разница при печати. картинка 18185

Изображение с использованием профиля RGB

Rgb и cmyk в чем разница при печати. 18186. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-18186. картинка Rgb и cmyk в чем разница при печати. картинка 18186

Изображение с профилем CMYK

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

Заключение

Видеоканал Фотогора

Вы можете оставить свой комментарий к данной статье

Источник

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

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

Остановимся подробнее на цветовых моделях RGB и CMYK.

Rgb и cmyk в чем разница при печати. 9fa9d4657ae3f36b2bcf7e713cf0dfd3. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-9fa9d4657ae3f36b2bcf7e713cf0dfd3. картинка Rgb и cmyk в чем разница при печати. картинка 9fa9d4657ae3f36b2bcf7e713cf0dfd3

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

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

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

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

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

Процесс состоит из трех этапов:

Услуги построения цветового профиля для принтера оказывают инженеры ESAPRINT. После профилирования устройства и проведения цветопроб результат печати будет совпадать с вашими ожиданиями.

Источник

Что такое RGB и CMYK

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

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

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

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

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

Rgb и cmyk в чем разница при печати. image4 3. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-image4 3. картинка Rgb и cmyk в чем разница при печати. картинка image4 3

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

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

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

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

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

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

Rgb и cmyk в чем разница при печати. image6 3. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-image6 3. картинка Rgb и cmyk в чем разница при печати. картинка image6 3

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

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

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

Rgb и cmyk в чем разница при печати. image7 2. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-image7 2. картинка Rgb и cmyk в чем разница при печати. картинка image7 2Обратите внимание, что цвета на этой картинке не «вырвиглазные» и яркие, а приглушённые. Это компьютер пытается отобразить на экране, как эти цвета будут выглядеть на бумаге

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

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

Rgb и cmyk в чем разница при печати. image5 3. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-image5 3. картинка Rgb и cmyk в чем разница при печати. картинка image5 3Субпиксели в матрице экрана компьютера или смартфона

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

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

Rgb и cmyk в чем разница при печати. image1 4. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-image1 4. картинка Rgb и cmyk в чем разница при печати. картинка image1 4

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

Rgb и cmyk в чем разница при печати. unnamed. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-unnamed. картинка Rgb и cmyk в чем разница при печати. картинка unnamed Rgb и cmyk в чем разница при печати. rgb. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-rgb. картинка Rgb и cmyk в чем разница при печати. картинка rgb

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

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

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

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

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

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

Источник

Цветовые пространства: большой разбор

Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.

Rgb и cmyk в чем разница при печати. 91d8b93a25a91c0ef4759c002c08c2b8. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-91d8b93a25a91c0ef4759c002c08c2b8. картинка Rgb и cmyk в чем разница при печати. картинка 91d8b93a25a91c0ef4759c002c08c2b8

Rgb и cmyk в чем разница при печати. d70f7577c0836854b58d50ec3bb2cda5. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-d70f7577c0836854b58d50ec3bb2cda5. картинка Rgb и cmyk в чем разница при печати. картинка d70f7577c0836854b58d50ec3bb2cda5

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

Rgb и cmyk в чем разница при печати. 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. картинка Rgb и cmyk в чем разница при печати. картинка 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004

Ведущий интерфейсный дизайнер в K&K TEAM, увлечён дизайном, технологиями и людьми. В свободное время ведёт Telegram-канал «Karoza Ҩ»

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

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

Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой ( Cian), пурпурной ( Magenta), жёлтой ( Yellow) и чёрной ( Key color, blac K). Интенсивность каждого цвета задаётся в процентах от 0 до 100.

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

Rgb и cmyk в чем разница при печати. 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. картинка Rgb и cmyk в чем разница при печати. картинка 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755

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

Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.

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

Rgb и cmyk в чем разница при печати. 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. картинка Rgb и cmyk в чем разница при печати. картинка 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792

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

PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.

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

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

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

Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.

Rgb и cmyk в чем разница при печати. 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. картинка Rgb и cmyk в чем разница при печати. картинка 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310

Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.

В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.

Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.

Rgb и cmyk в чем разница при печати. 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. картинка Rgb и cmyk в чем разница при печати. картинка 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807

Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.

Свойства цвета

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

Важные понятия

Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.

Rgb и cmyk в чем разница при печати. 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. картинка Rgb и cmyk в чем разница при печати. картинка 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f

Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.

Rgb и cmyk в чем разница при печати. 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. картинка Rgb и cmyk в чем разница при печати. картинка 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a

Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.

Rgb и cmyk в чем разница при печати. 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. картинка Rgb и cmyk в чем разница при печати. картинка 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827

Цилиндрические цветовые пространства

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

Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).

Rgb и cmyk в чем разница при печати. 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. картинка Rgb и cmyk в чем разница при печати. картинка 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0

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

Rgb и cmyk в чем разница при печати. 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. картинка Rgb и cmyk в чем разница при печати. картинка 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e

Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.

Rgb и cmyk в чем разница при печати. 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. картинка Rgb и cmyk в чем разница при печати. картинка 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39

В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.

Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.

Rgb и cmyk в чем разница при печати. 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. картинка Rgb и cmyk в чем разница при печати. картинка 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a

Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.

В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.

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

Rgb и cmyk в чем разница при печати. 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. картинка Rgb и cmyk в чем разница при печати. картинка 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627

То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.

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

Rgb и cmyk в чем разница при печати. 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. картинка Rgb и cmyk в чем разница при печати. картинка 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37

В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.

Дано: пользователи двух статусов.

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

Rgb и cmyk в чем разница при печати. 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. картинка Rgb и cmyk в чем разница при печати. картинка 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a

Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.

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

LAB и LCh

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

Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.

Rgb и cmyk в чем разница при печати. 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. картинка Rgb и cmyk в чем разница при печати. картинка 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6

Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.

Rgb и cmyk в чем разница при печати. 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. картинка Rgb и cmyk в чем разница при печати. картинка 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb

Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.

Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.

Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C ( Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h ( Hue) за угол поворота в градусах — то есть цветовой тон.

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

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

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

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

Rgb и cmyk в чем разница при печати. 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. картинка Rgb и cmyk в чем разница при печати. картинка 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e

Задача: создать чистый градиент между насыщенными цветами.

Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.

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

Rgb и cmyk в чем разница при печати. 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. картинка Rgb и cmyk в чем разница при печати. картинка 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640

Решение: использовать LAB-градиент.

Rgb и cmyk в чем разница при печати. 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. картинка Rgb и cmyk в чем разница при печати. картинка 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0

Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.

Rgb и cmyk в чем разница при печати. 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. картинка Rgb и cmyk в чем разница при печати. картинка 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6

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

Rgb и cmyk в чем разница при печати. 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. Rgb и cmyk в чем разница при печати фото. Rgb и cmyk в чем разница при печати-14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. картинка Rgb и cmyk в чем разница при печати. картинка 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36

Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *