Цветоградация

Цветоградация — это процесс или результат последовательного изменения цвета, выраженный в плавном или ступенчатом переходе между двумя или более цветами, а также в изменении тона, насыщенности или яркости одного цвета. В изобразительном искусстве, дизайне, полиграфии и цифровых технологиях под цветоградацией понимают как технику создания градиентов, так и систему упорядочивания цветов по определённому признаку (например, по светлоте или цветовому тону). Термин часто используется как синоним «градиента» или «цветовой растяжки», однако в узком смысле цветоградация может обозначать именно дискретные, различимые глазом ступени перехода, в отличие от плавного непрерывного градиента.

История

Ранние проявления

Использование цветовых переходов известно с древности. В античной живописи (энкаустика, фрески) художники применяли растушёвку для создания объёма и светотени, что фактически являлось цветоградацией. В средневековых манускриптах и витражах переходы между цветами были дискретными, обусловленными ограниченной палитрой и техникой наложения красок.

Эпоха Возрождения и Новое время

С развитием масляной живописи в XV–XVI веках техника лессировок и сфумато (например, у Леонардо да Винчи) позволила добиваться чрезвычайно плавных тональных и цветовых переходов. В XVII–XVIII веках в академической живописи цветоградация стала основой моделировки формы. В это же время в науке начали изучать систематизацию цветов: Исаак Ньютон (оптика, 1704) и Иоганн Вольфганг Гёте («Учение о цвете», 1810) заложили основы цветовых кругов и шкал, которые впоследствии стали теоретической базой для цветоградации.

XIX–XX века: индустриализация и стандартизация

С появлением цветной фотографии и кинематографа возникла необходимость в точном воспроизведении цветовых переходов. В полиграфии (офсетная печать) цветоградация стала ключевым элементом цветоделения и растрирования. В 1905 году Альберт Манселл разработал цветовую систему, основанную на трёх атрибутах: тон, светлота и насыщенность, что позволило описывать цветоградацию математически. В 1931 году Международная комиссия по освещению (CIE) приняла колориметрическую систему, которая стала стандартом для измерения и воспроизведения цветовых переходов.

Цифровая эпоха

С развитием компьютерной графики в 1960–1980-х годах цветоградация стала программно реализуемой. Первые алгоритмы градиентной заливки появились в системах автоматизированного проектирования (CAD) и растровых редакторах (например, Adobe Photoshop, 1990). В 1990–2000-х годах цветоградация стала неотъемлемой частью веб-дизайна (CSS-градиенты), видео- и фотомонтажа, а также 3D-моделирования (шейдеры, текстуры).

Классификация и виды

Цветоградация классифицируется по нескольким признакам.

По характеру перехода

• Плавная (непрерывная) — переход между цветами осуществляется без видимых границ, с постепенным изменением цветовых характеристик. Используется в фотографии, реалистичной живописи, веб-дизайне.
• Ступенчатая (дискретная) — переход состоит из чётко различимых полос или зон, каждая из которых имеет постоянный цвет. Применяется в полиграфии (при ограниченном количестве красок), в пиксельной графике, в инфографике.
• Линейная — изменение цвета вдоль прямой линии (сверху вниз, слева направо, по диагонали).
• Радиальная — изменение цвета от центра к краям (круговая или эллиптическая цветоградация).
• Угловая (коническая) — переход цвета по окружности, часто используется в цветовых кругах и интерфейсах.
• Произвольная (контурная, текстурная) — цвет меняется по сложной траектории, заданной маской, формой объекта или шумом.

По количеству цветов

• Одноцветная (монохромная) — изменение только яркости или насыщенности одного цвета. Например, от белого к чёрному через серый, или от светло-синего к тёмно-синему.
• Двухцветная — переход между двумя цветами (например, от красного к синему).
• Многоцветная — переход через три и более цвета (например, радужный градиент).

По способу создания

• Аналоговая — создаётся физическим смешением красок, пигментов, световых потоков (живопись, печать, светофильтры).
• Цифровая — рассчитывается математически (алгоритмы интерполяции RGB, CMYK, Lab, HSL) и отображается на экране или в печати.

Устройство и характеристики

В цифровых системах цветоградация описывается рядом параметров:

• Цветовое пространство — модель, в которой вычисляется переход (RGB, CMYK, HSV, Lab, XYZ). Разные пространства дают разные визуальные результаты: например, градиент в RGB может выглядеть грязным в серой зоне, а в Lab — более чистым.
• Метод интерполяции — способ расчёта промежуточных цветов. Основные методы:
• Линейная интерполяция — простое усреднение значений каналов.
• Кубическая интерполяция — более плавный переход с учётом кривизны.
• Сплайн-интерполяция — даёт максимально гладкий переход.
• Количество шагов (ступеней) — в дискретной цветоградации задаётся число различимых полос. Чем больше шагов, тем ближе к плавному переходу.
• Цветовые остановки (color stops) — точки, в которых задаётся конкретный цвет; между ними происходит интерполяция. В CSS-градиентах, например, можно задать несколько остановок с разными позициями.
• Непрозрачность и альфа-канал — возможность создания полупрозрачных переходов.

Применение

Изобразительное искусство и живопись

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

Дизайн и графика

В графическом дизайне цветоградация используется для:

• создания фонов, кнопок, баннеров;
• привлечения внимания к ключевым элементам;
• имитации объёма (кнопки, иконки, 3D-эффекты);
• визуализации данных (тепловые карты, цветовые шкалы).

Полиграфия

В печати цветоградация применяется для:

• цветоделения (преобразование RGB-градиентов в CMYK);
• растрирования (переход от непрерывного тона к точкам разного размера);
• контроля качества печати (цветовые шкалы, тестовые градиенты).

Веб-технологии

В веб-дизайне цветоградация реализуется через CSS-свойства linear-gradient(), radial-gradient(), conic-gradient(). С 2010-х годов градиенты стали популярным трендом в интерфейсах (Material Design, Flat Design 2.0).

Фотография и видео

В фото- и видеомонтаже цветоградация — это процесс коррекции цвета и создания цветовых эффектов (color grading). Используется для:

• придания кадру определённого настроения (тёплые/холодные тона);
• цветокоррекции (баланс белого, контраст);
• создания стилизованных эффектов (киношный вид, ретро).

Наука и техника

• Колориметрия — измерение и описание цветовых переходов.
• Картография — цветовые шкалы для высот, глубин, температур.
• Медицина — цветовые градиенты в УЗИ, МРТ, термографии.
• Метеорология — цветовые карты осадков, давления, ветра.

Примеры

• Радуга — природный пример многоцветной плавной цветоградации, возникающей при дисперсии света в каплях воды.
• Спектр — непрерывный ряд цветов, упорядоченных по длине волны (от красного до фиолетового).
• Цветовой круг — замкнутая цветоградация, в которой цвета плавно переходят друг в друга.
• **Градиент в логотипе Instagram (продукт Meta, признанной экстремистской и запрещённой в РФ)** (2016) — многоцветный радиальный градиент, ставший узнаваемым элементом бренда.
• Тепловые карты — дискретная или плавная цветоградация от синего (холод) к красному (тепло), используемая для визуализации данных.

Интересные факты

• В человеческом глазу различают около 10 миллионов оттенков, но при плавной цветоградации глаз способен заметить резкий скачок (полосатость) при недостаточном количестве шагов — это явление называется «бэндинг» (banding).
• В цифровой графике для борьбы с бэндингом применяют «дизеринг» (dithering) — добавление случайного шума, который маскирует границы между ступенями.
• В 2019 году компания Adobe представила технология «Smooth Gradients» в Photoshop, которая позволяет создавать градиенты с миллионами оттенков без видимых полос.
• В некоторых культурах (например, у народов Крайнего Севера) существует до 50 слов для обозначения оттенков белого — это пример языковой цветоградации.

Источники

• Иттен И. «Искусство цвета». — М.: Д. Аронов, 2001.
• Манселл А. «A Color Notation». — Boston: G. H. Ellis Co., 1905.
• Шашлов А. Б. «Цвет и цветовоспроизведение». — М.: Книга, 1986.
• Wyszecki G., Stiles W. S. «Color Science: Concepts and Methods, Quantitative Data and Formulae». — Wiley, 2000.
• Спецификация CSS Color Module Level 4 (W3C). — 2023.
• Документация Adobe Photoshop: «Создание и редактирование градиентов».