Что такое RGB в графическом дизайне

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

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

Как работает RGB

Название модели состоит из первых букв трех основных цветов: Red (красный), Green (зеленый) и Blue (синий).

Схема аддитивной цветовой модели RGB

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

  • Если все три луча светят с максимальной мощностью, получается белый цвет.
  • Если свечение полностью отсутствует, мы видим черный цвет.

RGB в цифрах: примеры

В графических редакторах (Photoshop, Figma, Illustrator и других) интенсивность каждого из трех каналов задается числом от 0 до 255, где 0 — отсутствие света (полная темнота), а 255 — максимальная яркость цвета. Это дает более 16 миллионов возможных комбинаций.

Давайте посмотрим, как это выглядит в палитре.

Черный цвет: все каналы на минимуме. R: 0, G: 0, B: 0.

Черный цвет в палитре RGB — значения по нулям

Белый цвет: все каналы на максимуме. Чистый свет. R: 255, G: 255, B: 255.

Белый цвет в палитре RGB — максимальные значения

Сложный цвет: комбинация значений R, G и B.

Пример сложного лавандового цвета в палитре RGB

Для веб-дизайна и верстки чаще используют HEX-коды, где те же значения записываются в шестнадцатеричной системе (например, #FFFFFF для белого или #000000 для черного).

Почему RGB — стандарт для веба?

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

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

Попробовать deaz.io в действии

Получите бесплатный доступ к платформе и обучению