Цветовые пространства RGB, CMYK, Lab, HSB (HSV), HSL и OKLCH: просто о сложном. Почему цвета на экране яркие, а на печати тусклые

Цвет окружает нас повсюду и сильно влияет на восприятие любого визуального контента. Как именно цвет воспроизводится на мониторе, экране смартфона, ноутбука, телевизора или в печати? Почему один и тот же файл выглядит ярко и сочно на экране, а при печати — заметно тусклее и бледнее? Это вечная проблема, знакомая не понаслышке дизайнерам, фотографам и всем, кто работает с графикой.

Для стандартизации и предсказуемой передачи цвета придуманы цветовые модели (или цветовые пространства): RGB, CMYK, Lab, HSB (он же HSV), близкая к нему HSL и стремительно набирающий популярность OKLCH.

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

RGB: Цвет на экране монитора от лампочек до пикселей

RGB (Red — красный,Green — зелёный, Blue — синий) — аддитивная модель: цвета получаются путём добавления света. Представьте три фонарика: красный, зелёный и синий. Если включить их на максимум одновременно — в точке пересечения получится белый свет. Выключить все — будет чёрный. Меняя интенсивность каждого из трёх цветов, можно создать почти любой оттенок.

В цифровых устройствах каждый канал (тот самый фонарик) кодируется значениями от 0 до 255 (256 градаций) — это стандартная 8-битная глубина цвета (16 777 216 оттенков). Этого хватает для большинства фотографий и видео в SDR (Standard Dynamic Range — стандартный динамический диапазон, привычная нам яркость). Есть и более совершенный стандарт — HDR (High Dynamic Range), который расширяет яркость и цветовой охват.

Более продвинутые варианты:

• 10-бит (1024 градации на канал, >1 млрд цветов) — для HDR, плавных градиентов без banding (полосатости).
• 12-бит — в профессиональном кино и постпродакшене для максимальной точности.

Примеры цветов в RGB:

• Чёрный: RGB(0, 0, 0)
• Белый: RGB(255, 255, 255)
• Красный: RGB(255, 0, 0)
• Зелёный: RGB(0, 255, 0)
• Синий: RGB(0, 0, 255)

Профили RGB и цветовой охват: что значит 100% sRGB, 125% и т.д.

RGB — это общий принцип, описывающий воспроизведение цвета, а sRGB, Adobe RGB, DCI-P3 — конкретные стандарты, которые фиксируют точные координаты красного, зелёного и синего.

Координаты цвета — это как точные адреса на огромной «карте цветов». Представьте весь видимый спектр как гигантский глобус: каждый чистый оттенок имеет свои широту и долготу. sRGB задаёт небольшой, но удобный участок этой карты для обычных устройств. Adobe RGB расширяет его особенно в зелёных и голубых тонах. DCI-P3 делает акцент на сочные красные, зелёные и жёлтые — именно поэтому HDR-видео и премиум-экраны выглядят так ярко. Без этих координат один и тот же код RGB(255,0,0) мог бы «переезжать» по глобусу и выглядеть по-разному на разных мониторах.

sRGB — самый распространённый профиль, стандарт веба, большинства мониторов и смартфонов. Охватывает примерно 35% видимого спектра (CIE 1931). Придуман в 1996 году HP и Microsoft, чтобы цвета на разных устройствах выглядели максимально одинаково.

Adobe RGB— шире sRGB (≈50% видимого спектра), особенно в зелёных и голубых тонах. Идеален для профессиональной работы с графикой и подготовки к печати, чтобы сохранить больше деталей в цветах, которые потом уйдут в CMYK.

DCI-P3 (Display P3) — современный широкий профиль для кино, HDR-видео, топ-моделей мониторов, смартфонов, ноутбуков. Охват ≈53–54% видимого спектра, на 25–50% шире sRGB, даёт заметно более сочные красные, зелёные и жёлтые.

Важно: реальный цветовой охват зависит от качества экрана, типа используемой матрицы (IPS, VA, TN, OLED) и ее харакреристик. Недорогие дисплеи обычно показывают более низкий охват цветов например 70–90% от стандарта sRGB. Хорошие мониторы - 95–100%, а топовые могут полностью покрывать более широкий стандарт, например такой как DCI-P3.

Подробнее про типы матриц и их особенности мы рассказывали в [статье о выборе монитора].

Цифры вроде «125% sRGB» часто встречаются в рекламе означают не то, что экран покажет на 25% больше цветов, а то, что его цветовой объём (gamut volume) шире стандартного «треугольника» sRGB. Однако реальное покрытие sRGB может при этом составлять 95–100%.

Где же используются те самые дополнительные 25%? Они могут пригодиться при работе с HDR-контентом или в профессиональных задачах, где применяются более широкие пространства (DCI-P3, Adobe RGB). Для обычных задач по типу веб-сёрфинга и соцсетей заметной разницы не будет, так как весь массовый контент создаётся преимущественно в sRGB. Поэтому при выборе устройства лучше ориентироваться на точное покрытие нужных вам стандартов, а не на громкие цифры объёма.

На 2026 год многие новые устройства из премиум класса: ноутбуки, смартфоны и мониторы имеют охват цвета sRGB 95–100% и/или DCI-P3 — поэтому контент может смотреться гораздо сочнее. Но для обычного веба и соцсетей при создании контента безопаснее всего придерживаться sRGB: большинство браузеров и платформ до сих пор ориентируются именно на него.

Где используется RGB: всё, что светится — мониторы, смартфоны, телевизоры, фотоаппараты, сканеры, веб-дизайн, видео, игры, LED-освещение.

CMYK: цвет на бумаге — почему цвета тусклее и зачем нужен чёрный

CMYK (Cyan — голубой, Magenta — пурпурный, Yellow — жёлтый, Key/Black — чёрный) — субтрактивная модель: цвета создаются путём вычитания света из белой бумаги. Если RGB — король цифрового пространства, то CMYK правит в полиграфии.

• Cyan = белый минус красный
• Magenta = белый минус зелёный
• Yellow = белый минус синий

Теоретически смешав голубой, пурпурный и жёлтый, должен получиться чёрный. Однако на практике из-за неидеальности красок выходит грязно-коричневый оттенок. Кроме того, такой подход затратен по краске, поэтому добавили отдельный чёрный (K): экономия, глубокий чёрный и проработанные тени.


Разница между RGB и CMYK огромна:цветовой охват CMYK существенно уже (примерно 30–35 % от видимого спектра). Именно поэтому яркие неоновые и насыщенные цвета в RGB при печати бледнеют или исчезают вовсе. Особенно сильно страдают неоновые оттенки — они часто просто не имеют точного аналога в CMYK и автоматически приглушаются при цветоделении.

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

• Редактируйте всегда в RGB — работать удобнее, цвета ярче, инструментов больше.
• Перед отправкой в типографию переводите в CMYK (цветоделение): в Photoshop → «Изображение» → «Режим» → «CMYK». Если отдать RGB, типография переведёт сама — результат может быть непредсказуемым.
• Используйте ICC-профили типографии (Coated FOGRA39 для глянца, Uncoated для матовой бумаги). Загружайте их в «Редактирование» → «Настройки цветов», а просмотр — через «Просмотр» → «Цветопроба» (Ctrl+Y).
• Обязательно делайте цветопробу — тестовый оттиск на реальной бумаге.Это единственный надёжный способ увидеть настоящий результат.
• Для фирменных цветов (логотипы, брендбуки) используйте Pantone — точное совпадение независимо от тиража и бумаги.
  
  

Где используется CMYK: вся полиграфия — книги, журналы, листовки, упаковка, баннеры, визитки.

ICC-профили: что это и зачем они нужны

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

Профили бывают стандартными (например, sRGB IEC61966-2.1) и индивидуальными — их предоставляют производители устройств или типографии. Всегда спрашивайте у типографии их рабочий профиль перед подготовкой макета!

Цветовые профили в фото и видео: как встроить, изменить и почему это важно

В фотографии

В цифровых фотографиях (форматы JPEG, TIFF, PNG) цветовой профиль обычно встраивается прямо в файл — в его служебные данные. Это нужно, чтобы программы и устройства правильно понимали, какие цвета имелись в виду.

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

Большинство фотоаппаратов записывают в метаданные тег ColorSpace (обычно sRGB или Adobe RGB). Однако полноценный ICC-профиль чаще добавляется уже при обработке в программах вроде Photoshop, Lightroom, Affinity Photo.

Как встроить профиль при сохранении: в Photoshop — «Файл» → «Сохранить как» → поставить галочку «Встроить цветовой профиль» (File → Save As → Embed Color Profile). В Lightroom — при экспорте выбрать пункт «Включить цветовой профиль» (Export → Include Color Profile).

Можно ли поменять встроенный профиль?Да, и это может быть полезно, если файл сохранился без профиля или с неправильным. Однако будьте осторожны: простое назначение другого профиля меняет внешний вид цветов. Для корректного преобразования с сохранением цветов лучше использовать «Преобразовать в профиль» (Convert to Profile) — при этом цвета останутся теми же, но будут пересчитаны под новое пространство, и изображение может выглядеть иначе.

Что может пойти не так: если фото сделано в Adobe RGB или DCI-P3, а вы смотрите его в браузере или соцсети, которые по умолчанию работают в sRGB, цвета могут показаться блёклыми. Современные браузеры (Chrome, Firefox) стараются корректно преобразовывать цвета, но идеально это работает не всегда. Поэтому можно наблюдать такое явление когда например один и тот же сайт отображается по-разному в одном браузере цвета более яркие, в другом значительно темнее.

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

При преобразовании из одного цветового пространства в другое (Изображение → Режим → Преобразовать в профиль) используются разные алгоритмы — они называются методами рендеринга:

• Воспринимаемый (Perceptual) — старается сохранить визуальное впечатление, сжимая весь цветовой охват исходного файла в охват целевого. Хорошо подходит для фотографий с широкой цветовой гаммой.
• Относительный колориметрический (Relative Colorimetric)— точно передаёт цвета, которые попадают в целевой охват, а остальные просто обрезает до ближайшего доступного. Подходит, когда важна точность.

В видео

В видеоформатах (MP4, MOV) цветовой профиль встраивается иначе — используются специальные теги CICP/CTTS, которые указывают цветовое пространство, но это не полноценный ICC. Для HDR-видео применяются стандарты Rec.2020 с дополнительными параметрами HLG или PQ.

Rec.709 — это стандарт цветопередачи для телевидения высокой чёткости (HDTV), разработанный международным союзом электросвязи. Он задаёт такие же цветовые координаты, как sRGB, но используется в видео, чтобы картинка одинаково выглядела на всех телевизорах и мониторах.

В профессиональных программах монтажа (Premiere Pro, DaVinci Resolve) работа с цветом строится на системах OCIO или ACES, а не на ICC. Однако можно задать цветовые теги для контейнера, например, указать, что видео снято в Rec.709 или sRGB.

На видеохостингах происходит автоматическая конвертация в стандартные пространства (Rec.709/sRGB). Если видео без тегов, оно может выглядеть тусклым на современных широких экранах.

Совет:для интернета и мобильных устройств всегда экспортируйте в sRGB (для видео — Rec.709). Проверяйте, какой профиль использует ваш файл, в редакторе (в Photoshop: «Редактирование» → «Назначить профиль»; в Premiere: «Интерпретация файла» → «Управление цветом»). Всегда выбирайте целевое пространство под конкретную задачу: веб — sRGB, печать — Adobe RGB или CMYK, HDR-видео — P3/Rec.2020.

Lab: цвет, каким его видит человеческий глаз

Lab (CIELAB) — цветовое пространство (Lightness, a, b), разработанное с учётом восприятия цвета человеком. Оно аппаратно-независимое — не зависит от экрана или принтера, описывает цвета так, как их видит глаз.

Lab создали в 1976 году по модели CIE (Commission Internationale de l'Eclairage) — международной комиссии по освещению, которая математически описала все видимые цвета.

Что означают буквы:

• L (Lightness) — яркость от 0 (чёрный) до 100 (белый).
• a - цвет от зелёного (−) к пурпурному (+).
• b - цвет от синего (−) к жёлтому (+).

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

Чем Lab удобен для дизайнера:

• Можно менять яркость (канал L), практически не затрагивая оттенок что незаменимо при ретуши кожи, цветокоррекции неба или продуктовой съёмке.
• Преобразования между RGB и CMYK через Lab дают наименьшие искажения.

Где используется Lab: профессиональная ретушь, точная цветокоррекция, подготовка к печати, научные измерения цвета, контроль качества на производстве.

HSB (HSV), HSL и OKLCH — как дизайнеры выбирают цвет

HSB(Hue, Saturation, Brightness/Value) — это способ описания цвета, близкий к тому, как мы думаем: «хочу ярко-красный, но чуть темнее».

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

HSL (Hue, Saturation, Lightness) очень похож, но яркость (Lightness) устроена иначе: 0% — всегда чёрный, 100% — всегда белый, а 50% — чистый цвет максимальной насыщенности.

Пример чистого красного:

• В HSB: H=0°, S=100%, B=100%
• В HSL: H=0°, S=100%, L=50%

Где что используют: HSB чаще встречается в Photoshop и Illustrator — там удобно двигать ползунки яркости. HSL — стандарт для веба (функция hsl() в CSS), его любят в Figma и Canva за удобство при создании градиентов и цветовых тем.

OKLCH — новый стандарт для веб-дизайна

OKLCH— современная цветовая модель на основе Oklab (2020 год). Главное преимущество — перцепционная равномерность: изменение числовых значений соответствует тому, как глаз воспринимает изменения яркости и насыщенности. Нет «выпадения» синих и пурпурных оттенков, светлота всегда предсказуема.

В 2026 году OKLCH уже полноценно поддерживается всеми основными браузерами. Функция oklch() входит в CSS Color Module Level 4 и становится стандартом де-факто для создания доступных, гармоничных цветовых палитр. Дизайнеры всё чаще выбирают OKLCH вместо HSL — особенно когда нужна равномерная светлота и соблюдение контрастности WCAG.

Пример в CSS:
background-color: oklch(60% 0.15 240); — стабильный синий, который выглядит одинаково ярко независимо от соседних оттенков.

Где используются HSB/HSL/OKLCH: подбор цветов, создание палитр и цветовых схем, UI/UX-дизайн.

Заключение

Цветовая модель	Тип	Охват видимого спектра (CIE 1931, примерно)	Основное применение	Где используется
RGB (sRGB)	Аддитивная	≈35%	Экраны, веб, видео	Всё цифровое: сайты, соцсети (самый безопасный вариант)
RGB (Adobe RGB)		≈50%	Фото для печати	Профессиональная съёмка и подготовка к CMYK
RGB (DCI-P3)		≈53–54%	HDR, кино, премиум-экраны	Контент для топ-смартфонов, HDR-видео
CMYK	Субтрактивная	≈30–35%	Полиграфия, принтеры	Печать: обязательное цветоделение + ICC + проба
Lab	Перцепционная	Самый широкий (> RGB/CMYK)	Цветокоррекция, конвертация	Точная ретушь, минимальные потери при переводе
HSB/HSV	Цилиндрическая	Как у RGB	Дизайн в десктоп-программах	Быстрый подбор в Photoshop / Illustrator
HSL			Веб-дизайн CSS, градиенты, темы	В Figma
OKLCH	Перцепционная	Широкий, равномерный (близок к Lab)	Современный веб / CSS	Доступные палитры, равномерная светлота, WCAG-контраст

Понимание разницы между RGB и CMYK, знание сильных сторон Lab и удобства HSB / HSL / OKLCH избавит Вас от 90 % проблем с цветом в 2026 году. Теперь Вы точно знаете, почему цвета на экране яркие, а при печати тусклые, и как перевести RGB в CMYK без неожиданных сюрпризов.

Быстрый чек-лист на 2026 год (чтобы цвета всегда были сочными):

• Создавайте и редактируйте всё в RGB (или сразу в OKLCH для веб).
• Перед печатью — переводите в CMYK с профилем типографии и делайте цветопробу.
• Для сайтов и соцсетей — используйте sRGB или OKLCH вместо HSL (пример: oklch(60% 0.15 240)).
• Встраивайте ICC-профиль в каждый файл (JPEG, PNG, PDF).
• Проверяйте на профессиональном мониторе с soft-proof — тогда разница между экраном и бумагой не станет неприятным сюрпризом.

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