Что такое цветовая модель cmyk
Цветовая модель RGB и цветовая модель CMYK: доступное руководство
Цветовая модель RGB
Что такое модель цвета RGB? RGB состоит из значений красного, зеленого и синего цветов. Эта схема более известна как аддитивная модель. Когда свет от экрана проецируется на цвета, он смешивает их вместе на сетчатке глаза, создавая нужные оттенки.
Цветовая модель rgb это аддитивная модель!
Аддитивные цвета создаются с помощью метода, который сочетает в себе множество разных оттенков. Красный, зеленый и синий – главные цвета, которые используются в аддитивной модели. Комбинации двух из этих цветов создают дополнительный цвет: голубой, пурпурный или желтый.
Цветовая модель CMYK
Цветовая модель cmyk это — субтрактивная цветовая модель
Субтрактивные цвета начинаются с белого. Поэтому, чем больше цветов добавляется, тем темнее они будут. Причина этого заключается в том, что свет поглощается или удаляется для создания различных цветов.
Основной цвет для цветовой модели CMYK – черный ( K ). Добавление этого цвета помогает нейтрализовать изображения и увеличить плотность тени.
Почему эти два режима отображаются по-разному?
При печати, независимо от используемой модели, цвета становятся темнее. Проверьте, в каких форматах может печатать принтер, и соберите сведения о конверсиях файлов. Все принтеры разные, поэтому и DPI будет отличаться.
Какой режим нужно использовать?
Инструменты для конвертирования
Перед конвертированием сохраните резервную копию своего файла. Вы можете выполнить сведение слоев перед конвертированием, но это не обязательно.
Поэтому данные редакторы упрощают преобразование в CMYK и установку конкретной схемы цветопередачи для печати. Это выполняется следующим образом:
Пошаговая инструкция по настройке цветовых режимов для печати в Photoshop :
Теперь вы знаете, как перевести rgb в cmyk в фотошопе.
Вот некоторые бесплатные онлайн-сервисы для преобразования цветовых схем:
А какую цветовую схему используете вы? Поделитесь своим опытом в комментариях!
Пожалуйста, оставьте ваши мнения по текущей теме статьи. За комментарии, дизлайки, подписки, лайки, отклики огромное вам спасибо!
Дайте знать, что вы думаете по этой теме статьи в комментариях. За комментарии, лайки, отклики, дизлайки, подписки огромное вам спасибо!
Начинающие дизайнеры сталкиваются с непонятными терминами. CMYK, RGB, субтрактивная цветовая модель, аддитивная цветовая модель. Давайте разбираться по порядку. Мир окрашен бесчисленным количеством красок. Условно их можно разделить на чистые и смешанные. Чистых тонов в реальном мире не встретить, они существуют только на экране компьютера. Система CMYK является наследницей трех основных цветов живописи – синего, красного и желтого. Изменение оттенка первых двух цветов (синего и красного) связано с тем, что химический состав печатной краски отличается от масел и акварелей, которыми орудовали умельцы искусства.
Как расшифровывается CMYK?
В цветовой модели CMYK используется четыре цвета. Первые три названы по первой букве цвета и составляют CMY – Cyan [голубой], Magenta [пурпурный], Yellow [желтый]. В качестве четвертого цвета используется черный [black].
Встречается мнение, будто “K” выбрана по последней букве слова “black”. Черный не стали обозначать как “B” чтобы не спутать его с Blue. Согласно более вероятному варианту буква “K” обозначает – key color [ключевой цвет]. В англоязычных странах термином key plate обозначается печатная форма для чёрной краски. Согласно третьему варианту сокращение “К” выросло из немецкого слова Kontur. А согласно четвертому от слова Kobalt (темно серый).
Черная краска в CMYK
В теории, при перемешивании CMY [голубой, пурпурный, желтый], должны дать любой из возможных цветов. Но это в теории. А на деле цветовой охват CMYK крайне узок. Художники при рисовании своих творений примешивают дополнительные краски на основе чистых пигментов, чтобы получить недостающие оттенки. А печатники добавляют чистую черную краску. Причины добавления четвертого цвета таковы:
Зачем нужен CMYK?
Современный экран может произвести практически любой цвет. А принтер, заряженный голубой, пурпурной, желтой и черной краской – нет. А теперь представьте, мы создаем макет обложки книги и используем совершенно любые цвета. Например, выбираем яркий красный цвет, салатовый, кислотный оранжевый. Что же получается, когда шедевр уходит в печать? Принтер сталкивается с цветами, которые он не может получить, путем смешивания CMYK. Результат оказывается непредсказуемый, и на выходе мы получим не то, что сотворили на экране.
Поэтому на помощь приходит цветовая модель CMYK. Эта цветовая модель имитирует возможности принтера, но на мониторе. Цвета выглядят примерно так же, как они будут выглядеть при печати, поэтому работа в цветовой модели CMYK требует привязки к цветовому профилю принтера. Мы работаем только с теми цветами, которые доступны в данной цветовой модели. Таким образом, на мониторе мы верстаем и окрашиваем обложку книги будучи уверенными, что именно так она и будет выглядеть на печати.
Надо понимать, что работая с графикой, мы в любом случае создаем её в какой-либо модели цвета. Даже если мы не знаем в какой. В программах векторной графики и верстки, таких как Adobe Illustrator, Adobe InDesign, Corel Draw или Quark Express по умолчанию выставлена CMYK. А в программах растровой графики, таких как Adobe Photoshop, Corel Paint Pro или Corel Painter, наоборот. Первые ориентированы на печать, а последние на веб. Поэтому прежде чем начать работать с графикой, убедитесь в какой цветовой модели вы её создаете и для каких задач.
Модели RGB (используемая для отображения цвета в мониторе) и CMYK связаны между собой. Создавать графику можно и в модели RGB, не забыв потом конвертировать работу в CMYK. Надо понимать, что взаимные переходы между моделями не происходят без потерь. Графика, созданная в модели RGB, при переходе в CMYK потеряет часть ярких цветов и станет тусклее. 
Почему «бумажные» цвета тусклее, чем «мониторные»
Причины этого кроются в принципах получения цвета на бумаге и цвета на экране. CMYK называют субтрактивной цветовой моделью. Субтрактивный – означает вычитаемый. Поверхность поглощает в себе часть лучей спектра, а часть отражает. То, что она отражает мы и видим как цвет. Например белый цвет получается у той поверхности, которая полностью отражает весь свет. А черный у той, которая весь свет поглощает. В этом заключается принципиальная разница между смешением цветов монитора и краски на бумаге. То есть между RGB и CMYK.
Вы когда-нибудь пробовали смешать желтую краску с красной? Желтый стоит выше по спектру и он светлее. А красный темнее. Получится средний оттенок – оранжевый. А если добавить зеленой и синей краски? Чем больше красок мы добавим, тем грязнее и мутнее получится наша мазня, пока не приблизится к темно коричневому.
На экране все наоборот. Монитор не поглощает и не отражает, а сам является источником света. Из уроков физики мы помним, что луч белого цвета, направленный на призму расходится на спектр и сходится обратно в белый свет. Монитор устроен так же. Чем больше цветов (то есть лучей света) мы смешаем, тем светлее цвет. Поэтому такой метод образования цвета называется аддитивным, что означает — добавляемый.
При наложении друг на друга цветов RGB красный [red], зеленый [green], синий [blue] образуются три других цвета — голубой, пурпурный и желтый (cyan, margenta, yellow). Эти цвета и используются для CMYK, однако учитывая особенности краски, приобретают на мониторе более тусклый вид. RGB может производить невероятно яркие и насыщенные цвета, а бумага с краской нет. Все сайты и остальные изображения, которые вы видите на своём мониторе, отображаются в цветовой схеме RGB. Это касается и цветовой модели CMYK, её мы тоже видим через RGB, потому что принципы излучения экрана основаны на RGB, а CMYK является имитацией внутри RGB.
Как осуществляется печать CMYK?
Приходилось ли вам видеть на улице большие рекламные плакаты? Если подойти поближе, можно отчетливо разглядеть, что они состоят из пурпурных, желтых и голубых точек, накладывающихся друг на друга. В печати это называется растрированием. Точки, расположенные близко друг к другу, сливаются для нашего глаза. Таким образом и получаются оттенки цветов.
CMYK – цветовая модель, используемая на компьютере, а, значит, без цифр не обойтись. Каждое из чисел CMYK представляет из себя процент (%) краски данного цвета. Например, для получения цвета «хаки» следует смешать 30% голубой краски, 45% пурпурной краски, 80% жёлтой краски и 5% чёрной. Это можно обозначить следующим образом: (30,45,80,5). Иногда пользуются таким обозначением: C30 M45 Y80 K5.
Важно понимать, что цифровое значение не описывает реальный цвет. Оно лишь означает набор аппаратных данных, которые будут использованы для изготовления цвета. На практике все будет зависеть от характеристик и качества бумаги, состояния печатной машины, условиями просмотра отпечатка и даже влажности в помещении.
Исторически в разных странах сложилось несколько стандартизованных процессов офсетной печати. Сегодня это американский, европейский и японский стандарты для мелованной и немелованной бумаг. Именно для этих процессов разработаны стандартизованные бумаги и краски. Для них же созданы соответствующие цветовые модели CMYK, которые используются в процессах цветоделения.
Распечатка полиграфии в домашних условиях, CMYK или RGB?
В мире домашней струйной печати присутствует некоторое непонимание цветовых схем CMYK и RGB. Многие фотолюбители не понимают, какую цветовую схему используют их цифровые камеры. Поэтому они часто озадачены при печати фотографий на струйных принтерах у себя дома. Фотолюбители отправляют фотографии на печать, смотрят на фото, и никак не могут понять, почему изображение на фото не соответствует изображению на мониторе.
Картриджи домашних принтеров состоят из пары CMY [голубой, пурпурный, желтый] и B [черный]. В моем непримечательном принтере Canon именно такой сдвоенный картридж. Печатая изображение с монитора, принтер использует краски CMYK. Просмотр изображения в цветовой модели RGB на мониторе, может не совпасть с тем, что вы получите на выходе принтера. Некоторые принтеры сразу просят перевести изображение в CMYK. Сделать это можно в программе Adobe Photoshop и не только.
Причина известна. Когда изображение переводится из RGB в CMYK, некоторые цвета теряются. Вы заметите значительные изменения в местах, где цвет особенно насыщен. Вы заметите, что некоторые цвета стали менее яркими. Поэтому посмотреть, что мы получим на выходе, до того, как мы это получим, никогда не помешает. С помощью графического редактора проблемные места можно выправить.
Но вам незачем волноваться. Сегодня большинство принтеров печатают изображение прямо из схемы RGB. И перевод в CMYK может оказаться только лишним. Поэтому, для начала, вам стоит выяснить, какую цветовую схему поддерживает ваш принтер. В этом вам поможет программное обеспечение, которое приложено к принтеру. Если не предусмотрена опция перевода схемы RGB в CMYK, принтер, скорее всего, будет печатать из схемы RGB. Дорогие модели принтеров используют схему CMYK, так как не все пользователи знают, что существуют различия между цветовыми схемами. Однако самые последние модели струйных принтеров печатают непосредственно из схемы RGB, так как эта схема воспроизводит больше цветов по сравнению со схемой CMYK.
Самое важное, что нужно помнить – печатать лучше, используя схему RGB, если ваш принтер и программное обеспечение поддерживают её. Пусть программное обеспечение и принтер побеспокоятся за вас о том, как правильно напечатать цвета. Если вы имеете опыт корректировки цвета фотографий и хотите иметь больше контроля над цветом изображения, печатайте в CMYK. Таким образом, вы будете редактировать, и печатать изображение в цветовой схеме, которую использует ваш принтер. Вы также сможете увидеть пределы цветового спектра печати схемы CMYK на своём мониторе. Правильный подбор цветов RGB и CMYK отличается от подгонки принтера под цвета монитора. Вообще, это второй шаг на пути достижения лучшей цветности распечаток. А вот первым шагом в достижении отличной распечатки всё-таки остаётся понимание разницы между схемами RGB и CMYK.
Поэтому не стоит сильно переживать по поводу CMYK, распечатывая на домашнем принтере фотографию. CMYK актуален при оффсетной печати на профессиональных типографиях. Типографии разделяют изображение на специальные листы — голубого, пурпурного, желтого и черного цвета. «Накладывая» листы друг на друга выпечатывается изображение. Называется все это колдовство — цветоделением. Домашние же принтеры расчитаны на то, что пользователь — обычный человек, который ничего не смыслит в печатном деле. И никаких особенных специфических знаний от него не требуется.
Цветовая модель CcMmYK
Цветовая модель CcMmYK представляет из себя шестицветную систему, применяемую в некотрых чернильных принтерах для оптимизации печати. Она удлиняет привычную нам CMYK ещё на два цвета – светло голубой [lite cyan – маленькая “c”] и светло пурпурный [lite magenta – маленькая “m”]. Цветовая модель CcMmYK существенно сглаженнее обычной версии цветовой модели. По отдельности они именуются как Lc – светло голубой [light cyan] и Lm – светло пурпурный [light magenta].
Преимуществом использования светло голубой и светло пурпурной краски является устранение жестких полутоновых точек, которые появляются при печати светлых теней голубого и пурпурного цвета в конфигурации CMYK. Обычно, при печати темных цветов, принтер насыщает область цветными густыми точками. Но при печати светлых областей голубого и пурпурного принтер использует меньшее количество точек чернил для создания эффекта светлого цвета. В случае с желтой краской результат заметить достаточно трудно. Желтый сам по себе достаточно светлый, но голубые и пурпурные точки в редких случаях будут выделяться на белой бумаге из-за чрезмерного промежутка между ними.
Светло голубые и светло пурпурные чернила решают эту проблему. Принтер может красить светлые области светлыми красками, и эффекта точек, стоящих на большом расстоянии друг от друга не будет. Недостатком, увы, является то, что в случае использования модели CcMmYK, принтеру требуется в два раза больше светлых красок, что приводит к неравномерному распределению чернил. Конечный результат в любом случае оптимальнее.
CcMmYK используют множество принтеров, таких как HP Designjet, HP Photosmart, Epson Stylus Photo и Canon PIXMA. Такие принтеры узнаваемы по большим картриджам с шестью цветами. У большей части принтеров, правда, есть выгодная опция. При окончании светло голубой и светло пурпурной красок, принтер автоматически переключается на режим CMYK.
Пожалуй, вот и все, что вам необходимо знать о CMYK.
Что такое RGB и CMYK
Короткое объяснение цветовых моделей.
Когда мы применяем компьютерную графику в проектах, то часто говорим про цветовую модель RGB. А те, кто занимается печатью фотографий и журналов, говорят про CMYK. Сегодня разберёмся, чем отличается CMYK от RGB и как они устроены.
👉 Это для общего кругозора и понимания мира компьютеров. Прикладных знаний сегодня не будет.
C детства мы помним, что если смешать красный и жёлтый цвета, то получится оранжевый, а если голубой и жёлтый — то будет зелёный. Мы смешивали эти краски на палитре и рисовали.
В принципе, смешивать можно было не на палитре, а на самом листе: можно было нарисовать светло-голубой листочек, потом пройтись сверху прозрачным жёлтым, и получился бы зелёный листочек. Так делают, когда рисуют акварелью.
Примерно так же работают все современные принтеры и печатные станки. В них залито несколько красок. Сначала принтер проходит одним цветом, потом другим, потом третьим, как бы смешивая эти цвета на листе. И получаются цветные изображения.
Чтобы давать принтеру указания, где какую краску наносить, используют цветовую модель CMYK.
CMYK — это компьютерная цветовая модель, которая имитирует смешивание красок на бумаге. Первые три буквы — это названия цветов, из которых всё смешивается:
Смешивая в разных пропорциях эти цвета, мы можем получить на бумаге оттенки любого цвета.
CMYK используют для разработки полиграфической продукции, то есть для всего, что печатается на бумаге. Модель CMYK говорит принтеру или печатному станку: «Вот тут нанеси пурпурного, а там нанеси голубого, тут всё залей жёлтым». И если принтер правильно всё нанесёт, получится нужное нам цветное изображение.
Например, если принтеру поручат напечатать одну из наших обложек, он воспримет эту инструкцию так:
Видно, что синий цвет пены получается от смешивания пополам голубого и розового. Красный цвет стен смешивается из пурпурного и жёлтого. А цвет кожи — это жёлтый с небольшим добавлением пурпурного. И отдельно наносятся чёрные линии.
Чтобы получить чёрный цвет, можно смешать все три базовых цвета, но появится проблема: бумаге нужно будет впитать довольно много краски. Если на картинке будет много чёрного, бумага размякнет и может испортиться. А ещё от смешения всех цветов мы в реальности получим не чёрный, а скорее грязно-коричневый.
Решение придумали такое: добавить в модель чёрный цвет. Так появилась модель CMYK: Cyan, Magenta, Yellow, Black. Чёрный используют, чтобы печатать текст и дополнительно подкрашивать чёрные участки изображений.
Обратите внимание, что цвета на этой картинке не «вырвиглазные» и яркие, а приглушённые. Это компьютер пытается отобразить на экране, как эти цвета будут выглядеть на бумаге
С бумажной печатью всё понятно, но с отображением на экране всё иначе. Дело в том, что экран — это куча светящихся пикселей, которые работают по другому принципу. Если при печати мы не поставим на бумагу ни одну каплю краски, она останется белой. А вот если мы не включим на экране ни один пиксель, то он останется чёрным. Всё дело в том, что бумага отражает свет, а экран — наоборот, излучает его.
Каждый пиксель на экране монитора состоит из трёх субпикселей — красного, зелёного и синего.
Субпиксели в матрице экрана компьютера или смартфона
На бумаге при смешивании чернил мы получали более тёмные цвета. А на экране всё наоборот: при смешивании мы получаем более яркие и более светлые цвета. Это происходит потому, что при смешивании у нас увеличивается количество светящихся пикселей и количество света, который видит глаз.
В итоге цвета в RGB могут быть более вырвиглазными, яркими, сочными и контрастными — ведь вы не отражаете, не поглощаете, а излучаете цвет.
А если все три субпикселя будут светиться со стопроцентной яркостью, то мы увидим белый цвет:
Что где применяется
CMYK используют в печати. Но чтобы вывести изображение на печать, его сначала делают на компьютере, включая в графическом редакторе цветовую модель CMYK.
Полиграфисты проверяют, нет ли «перезалива» (когда на бумаге будет слишком много краски); контролируют чистоту смесей, прилаживают цветовые слои друг к другу. Там свой мир, но суть в том, что CMYK — это инструкция для печатной машины.
RGB — это цвета для веба, сайтов, приложений, игр, а также для фильмов, Ютуба и всего остального, что выводится на экране или проекторе.
И зачем мне это знать?
Вот несколько практических примеров:
Цветовые пространства: большой разбор
Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.
Для работы с цветом необходимо хорошо понимать, как он устроен. Есть системы представления цвета, с которыми дизайнер сталкивается каждый день. Но есть и другие, не столь популярные модели. Разберёмся, как они устроены, чем отличаются и как эти знания можно применить на практике.
Ведущий интерфейсный дизайнер в 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, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.
Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.
Поскольку не все цвета можно воспроизвести в CMYK наложением четырёх стандартных красок во время печати, в полиграфии существует дополнительная палитра Pantone. Например, серый и жёлтый, которые Pantone выбрала в качестве цветов 2021 года, получить наложением палитры CMYK на листе невозможно.
Выбор цветов 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) — жёлтому.
Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.
В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.
Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.
Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.
Свойства цвета
Перед тем как перейти к следующему разделу, нужно разобраться в некоторых определениях колористики — науки, изучающей свойства цвета.
Важные понятия
Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.
Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.
Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.
Цилиндрические цветовые пространства
Модель RGB технически подходит для компьютеров и экранов, но в этом пространстве сложно работать, если нужно изменить что-то одно ― яркость, насыщенность или цветовой тон.
Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).
Поэтому в программах для дизайнеров цветовой тон настраивается полоской, а яркость и насыщенность ― через цветовое поле.
Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.
В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.
Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.
Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.
В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.
Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.
То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.
Цилиндрические цветовые пространства полезны в ситуациях, когда нужно управлять только одним из параметров цвета. Например, для создания палитры, где изменение основного цвета приводит к изменению цветового тона, насыщенности или светлоте дополнительных. В этом случае дополнительные цвета необходимо задавать через отклонения от основного в цилиндрической цветовой системе.
В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.
Дано: пользователи двух статусов.
Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.
Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.
В результате цветовой тон аватарок генерируется автоматически с заданной светлотой, а буквы на них хорошо читаются.
LAB и LCh
Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.
Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.
Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.
Параметр 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 между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.
Пояснение: в кубической визуализации RGB самые насыщенные цвета расположены на углах куба, а центр занят ненасыщенными сероватыми тонами. Если создавать градиент из цветов, которые находятся на противоположных углах или гранях куба, прямая пройдет через ненасыщенную середину. Так произойдёт, например, с градиентами от фиолетового к зелёному или от жёлтого к синему.
Решение: использовать LAB-градиент.
Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.
Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.
Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.