Rivalry2

HTML Diff

1 added 1 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>12 апр 2022</li>

3 <li>0</li>

4 </ul><h2>Что такое цветовые модели и какими они бывают</h2>

5 Небо голубое, незабудковое или, может быть, бирюзово-синее? Наше восприятие субъективно. Объективны компьютерные цветовые модели.

6 Иллюстрация: Оля Ежак для Skillbox Media

7 Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.

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

9 Цветовых пространств много: в них заложены разные принципы работы с цветами и разные возможности для их отображения. Рассказываем о тех, с которыми чаще всего работают в Photoshop и других графических редакторах.

10 Одно из ранних пространств, которое лежит в основе системы управления цветом в Photoshop. Lab - это система координат из трёх осей:

11 <ul><li>L - яркость объекта;</li>

12 <li>а - ось, по которой отложены градации от красного к зелёному;</li>

13 <li>b - ось с градациями от жёлтого к синему.</li>

14 </ul>За единицу в пространстве принимается минимальное цветовое различие, воспринимаемое человеческим глазом. Поэтому Lab имеет максимальный цветовой охват.

15 Так можно визуально представить модель LabИзображение: Public DomainДавайте, например, возьмём бирюзовый цвет и взглянем на него на диаграмме. Значение L показывает светлоту. Значение а - то, что он ближе к зелёному, чем к красному. Значение b - что в нём больше синего, чем жёлтого:

16 Изображение: Skillbox MediaИменно с Lab удобно работать при цветокоррекции, ретуши и подготовке к печати. Её главное преимущество - корректировка яркости с помощью значения L без изменения цвета.

17 При описании цвета в быту большинство из нас оперирует тремя характеристиками: это сам цветовой оттенок, его насыщенность и яркость. На этих же сущностях построена система HSB. Она состоит из трёх координат:

18 <ul><li>Hue - цветовой тон;</li>

19 <li>Saturation - насыщенность;</li>

20 <li>Brightness - яркость.</li>

21 </ul>Визуально цветовое пространство HSB можно представить в виде цилиндра. Насыщенность и яркость варьируются от 0 до 100%, а тон измеряется в градусах от 0 до 360.

22 Так выглядит наглядное представление цветового пространства HSBИзображение: Wikimedia CommonsЭто пространство понятно, и в нём легко ориентироваться. Кроме того, оно используется по умолчанию при выборе цвета в Photoshop.

23 На шкале предлагается выбрать цветовой оттенок, а в квадратном поле - нужную насыщенность и яркостьИзображение: Skillbox MediaЭто пространство для отображения цвета на экранах. В нём каждый цвет кодируется значениями базовых цветов: Red (красный), Green (зелёный) и Blue (голубой). Это три оси, которые имеют градацию значений от 0 до 255. Если все три значения сделать нулевыми, то получится чёрный цвет, а если 255 - белый.

24 Для наглядности посмотрим, как получить ярко-красный цвет в пространстве RGB. Для этого нужно высокое значение по шкале R и низкие значения по двум другим:

25 - В левом верхнем углу наш цвет с координатами (255; 0; 0)Изображение: Skillbox MediaНаглядно пространство RGB можно представить как раскрашенный кубик:

25 + В левом верхнем углу наш цвет с координатами (255; 0; 0)Изображение: Skillbox MediaНаглядно пространство RGB можно пред��тавить как раскрашенный кубик:

26 В двух углах расположены чёрные и белые точкиИзображение: Wikimedia CommonsRGB используют при подготовке изображений для цифровых носителей, потому что принцип его работы аналогичен излучению монитора. Оттенки, которые мы видим на экране, состоят из трёх базовых цветов, максимальная яркость экрана - это белый цвет, а отсутствие яркости - чёрный.

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

28 Пространство CMYK построено на смешении четырёх типографских красок: Cyan (сине-зелёный), Magenta (пурпурный), Yellow (жёлтый) и Key ("ключевой" цвет - чёрный). Значение каждого может меняться от 0 до 100%. Белый цвет в пространстве CMYK - это отсутствие краски.

29 Так выглядит любая напечатанная картинка при большом увеличении:

30 Новые цвета получаются путём наложения трёх основных друг на друга в разных пропорцияхИзображение: Public DomainСогласно идеальной модели, розовый, голубой и жёлтый на печати в сумме дают чёрный. Однако в CMYK есть отдельный чёрный цвет. Он нужен по трём причинам:

31 <ul><li>Идеальной краски не бывает. На практике смешение трёх цветов обычно даёт грязно-коричневый цвет.</li>

32 <li>Цветные краски дороже. Например, если нам нужен тёмно-красный цвет, можно составить его из красного, синего и зелёного, а можно - из красного и чёрного. Второй вариант обойдётся дешевле при печати.</li>

33 <li>У бумаги ограничена впитывающая способность. Чтобы получить максимально близкий к чёрному цвет, используя голубой, розовый и жёлтый, на лист нанесут 300% краски - газетная бумага от такого превратится в мокрую тряпку. А чистый чёрный цвет - это всего лишь 100% процентов краски.</li>

34 </ul>Пространства Lab, HSB, RGB и CMYK - основные, с которыми сталкиваются дизайнеры, иллюстраторы и фотографы. Они упрощают работу, но реальная цветопередача не так предсказуема.

35 На смартфонах разных поколений одни и те же цвета будут разными, как и на разных видах бумаги. Эту проблему решают RGB и CMYK - они аппаратные и включают в себя цветовые профили, максимально точно описывающие цвет под конкретный монитор или способ печати.

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

37 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>