Принципы цифрового представления цвета
Цифровой цвет описывается с помощью математических моделей, которые переводят физические свойства световых волн или красителей в числовые параметры. Различные сферы применения — от верстки веб-страниц до подготовки макетов к печати — требуют использования разных цветовых пространств.
Инструмент «Конвертер цветов» позволяет мгновенно переводить параметры цвета между шестью основными форматами: HEX, RGB, HSL, HSV, CMYK и LAB. Изменение значения в любом из полей ввода сразу же пересчитывает параметры во всех остальных полях. Также для выбора цвета можно использовать визуальную палитру.
Аддитивные и субтрактивные цветовые модели
В основе цифрового дизайна и полиграфии лежат два противоположных физических принципа воспроизведения цвета: аддитивный и субтрактивный.
- Аддитивная модель (RGB) используется в излучающих свет устройствах, таких как мониторы, экраны смартфонов и телевизоры. Цвета формируются путем смешивания трех световых лучей: красного (Red), зеленого (Green) и синего (Blue). Если все три компонента имеют максимальную интенсивность, получается белый цвет. Полное их отсутствие дает черный цвет.
- Субтрактивная модель (CMYK) применяется в полиграфии и физической печати. Она работает на основе поглощения (вычитания) световых волн красителями. Базовыми компонентами выступают голубой (Cyan), пурпурный (Magenta), желтый (Yellow) и ключевой черный (Key/Black). При смешивании красок на бумаге они поглощают свет, и чем больше красителя нанесено, тем темнее получается результат.
Из-за принципиальной разницы между излучаемым экраном светом и отраженным от бумаги цветом, прямое сопоставление этих моделей имеет ограничения.
Описание поддерживаемых цветовых форматов
Каждая цветовая модель решает свои задачи в веб-разработке, графическом дизайне и допечатной подготовке.
HEX
Шестнадцатеричный формат представления цвета, наиболее распространенный в веб-разработке. Он записывается в виде строки, начинающейся с символа решетки, за которым следуют три или шесть шестнадцатеричных символов (например, #abc или #4f46e5). Каждая пара символов отвечает за интенсивность красного, зеленого и синего каналов в диапазоне от 00 до ff.
RGB
Десятичный вариант аддитивной модели. Цвет задается тремя числами в диапазоне от 0 до 255, разделенными запятыми (например, 79, 70, 229). Эти числа определяют яркость красного, зеленого и синего каналов соответственно.
HSL
Модель, ориентированная на восприятие цвета человеком. Параметрами являются:
- Hue (Тон): угол на цветовом круге от 0 до 360 градусов.
- Saturation (Насыщенность): интенсивность цвета в процентах от 0% до 100%.
- Lightness (Светлота): степень освещенности от 0% (черный) до 100% (белый).
Пример записи: 243, 75%, 59%.
HSV
Схожая с HSL модель, где вместо светлоты используется параметр Value (Значение/Яркость). В то время как в HSL белый цвет всегда достигается при светлоте 100% независимо от насыщенности, в модели HSV значение 100% при максимальной насыщенности дает чистый яркий цвет. Пример записи: 243, 69%, 90%.
CMYK
Четырехканальная модель для печати, где параметры задаются в процентах от 0% до 100% (например, 66%, 69%, 0%, 10%).
LAB
Аппаратно-независимое цветовое пространство, разработанное CIE. Оно описывает все цвета, воспринимаемые человеческим глазом. Параметры включают:
- L (Lightness): светлота от 0 до 100.
- a: координата зеленого-красного спектра.
- b: координата синего-желтого спектра.
Пример записи: 40.73, 50.63, -79.08.
Ограничения цветового охвата и особенности конвертации
Главная сложность при конвертации цветов заключается в несовпадении цветовых охватов (gamut) различных моделей. Пространство LAB способно описать гораздо больше цветов, чем стандартный монитор с профилем RGB.
Если вы вводите значение в формате LAB или CMYK, которое выходит за рамки видимого диапазона RGB, алгоритм автоматически корректирует его, приводя к ближайшему отображаемому на экране цвету. Из-за этого при обратном преобразовании скорректированного цвета в исходный формат полученные цифры могут незначительно отличаться от первоначальных.
Кроме того, расчет значений CMYK на экране является лишь приблизительной оценкой. Реальный оттиск на бумаге зависит от физических факторов: типа бумаги (мелованная, офсетная), химического состава чернил и профиля конкретного печатного оборудования.
Правила валидации и обработка ошибок
При ручном вводе значений инструмент проверяет их на соответствие установленным правилам. В случае некорректного формата отображаются следующие сообщения об ошибках:
- Для HEX: «Введите hex-код цвета, например #4f46e5 или #abc.»
- Для RGB: «Введите RGB в виде трех чисел от 0 до 255, например: 79, 70, 229.»
- Для HSL: «Введите HSL в формате: тон 0–360 и два процента, например: 243, 75%, 59%.»
- Для HSV: «Введите HSV в формате: тон 0–360 и два процента, например: 243, 69%, 90%.»
- Для CMYK: «Введите CMYK в виде четырех процентов от 0 до 100, например: 66%, 69%, 0%, 10%.»
- Для LAB: «Введите LAB в формате: L 0–100, а также значения a и b, например: 40.73, 50.63, -79.08.»
Конфиденциальность при работе с данными
Каждое преобразование выполняется в вашем браузере. Никакие вводимые данные не отправляются на BroBroGo. Все вычисления происходят локально на вашем устройстве, что исключает передачу параметров цвета на внешние серверы.
Часто задаваемые вопросы
Между какими цветовыми форматами можно выполнять конвертацию?
HEX, RGB, HSL, HSV, CMYK и LAB. Введите значение в любое из полей, и остальные пять обновятся автоматически. Вы можете конвертировать из любого формата в любой.
Подходит ли результат CMYK для профессиональной печати?
Относитесь к этому как к приблизительной оценке для экрана. Реальная печать в CMYK зависит от бумаги, чернил и профиля принтера, поэтому в типографии значения могут немного отличаться.
Почему цвет в LAB или CMYK немного меняется при обратном преобразовании?
Пространства LAB и CMYK могут описывать цвета, которые монитор не способен отобразить. Когда значение выходит за рамки видимого диапазона RGB, оно приводится к ближайшему отображаемому цвету, поэтому обратная конвертация может немного изменить исходные цифры.