Цветовые модели: RGB, CMYK, HSB и LAB

Цветовые модели: RGB, CMYK, HSB и LAB

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

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

Каждая система решает разные задачи: RGB обеспечивает точное отображение цветов на экранах, CMYK гарантирует качество передачи на печатных материалах, HSB детально контролирует восприятие цвета, а LAB обеспечивает точность передачи цвета на всех носителях.

Цветовые модели: RGB, CMYK, HSB и LAB
Цветовые модели: RGB, CMYK, HSB и LAB

RGB: Основы для цифровых проектов

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


Если смешать цвета в максимальных значения получится белый RGB(255, 255, 255), а в минимальных черный RGB(0, 0, 0)

RGB поддерживает шестнадцатеричную запись цвета (HEX), которая используется в веб-разработке. Например, цвет может быть задан как #FF5733, где каждая пара символов представляет значение для красного, зелёного и синего компонентов в формате от 00 до FF.

CMYK: Оптимальный выбор для печати

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

Пример записи: CMYK (0%, 66%, 80%, 0%)

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

Разные объемы цвета в виде точек накладываются друг на друга при печати
Разные объемы цвета в виде точек накладываются друг на друга при печати

HSB: Цвет, насыщенность и яркость

HSB (Hue, Saturation, Brightness) — это модель, часто используемая для описания цветов с точки зрения человеческого восприятия. Она состоит из трёх компонентов: оттенка (Hue), насыщенности (Saturation) и яркости (Brightness). Оттенок определяет основной цвет (например, синий или красный), насыщенность показывает, насколько интенсивен цвет, а яркость — уровень светлоты или темноты.

Пример записи: HSB (14, 80%, 100%)

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

Привычный выбор цвета почти в любом приложении — это HSB
Привычный выбор цвета почти в любом приложении — это HSB

LAB: Универсальная цветовая система

LAB используется в цветокоррекции и при переводе цветов между разными цветовыми пространствами (из RGB в CMYK), так как она минимизирует искажения цвета. Это важно для брендовых проектов, где критично сохранение точного оттенка на всех носителях — как в цифровых, так и в печатных материалах.

Пример записи: LAB (53, 80, 67)

В LAB цвет описывается тремя параметрами: светлотой (Lightness, L) и двумя цветовыми каналами — A (от зелёного до красного) и B (от синего до жёлтого).

LAB (53, 80, 67) — значение 53 означает уровень светлоты, 80 — насыщенность в красно-зелёном канале, а 67 — насыщенность в сине-жёлтом канале.

Похожие статьи

Теплые и холодные цвета: как они влияют на наше восприятие
Теплые и холодные цвета: как они влияют на наше восприятие
Цвет и типография: как выбрать цвет шрифта для лучшего восприятия
Цвет и типография: как выбрать цвет шрифта для лучшего восприятия
Что такое градиент и какие они бывают
Что такое градиент и какие они бывают

Привет,
рады вас видеть!

Забыли пароль?

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

Регистрация нового аккаунта

Пароли не совпадают

Встречайте Mesh градиенты

Добавили для вас генератор меш градиентов и новую mesh библиотеку, которую можете пополнить и вы своими градиентами. Теперь вы можете создавать красивые абстрактные градиенты, скачивать их, копировать их CSS-код, сохранять в личном кабинете и добавлять их в общую библиотеку.

Скоро мы добавим генератор радиальных градиентов!

Меш градиенты