Цветовой градиент

Линейный или осевой градиент цвета.

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

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

• реальные цветовые градиенты или книги образцов
• 
  Цветной вентилятор RAL CLASSIC K5
• 
  Pantone Руководство по цветам
• 
  карты Pantone базовых цветов и смесей
• 
  HKS Цветной вентилятор

Определения

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

• кривая через цветовое пространство RGB
• 
  серый
• 
  кубическая спираль
• 
  ВПГ радуга
• 
  расходящийся

Строгое определение

Цветовая карта — это функция , которая связывает действительное значение r с точкой c в цветовом пространстве. $C$

$f:[r_{min},r_{max}]\subset \mathbf {R} \to C$

который определяется:

• цветовое пространство C
• возрастающая последовательность отбора проб точек $r_{0}<...<r_{m}\in [r_{min},r_{max}]$
• ряд значений в цветовом пространстве $c_{0},...,c_{m}\in C$
• картографирование ​ $f(r_{i})=c_{i},i=0,...,m$
• правило интерполяции промежуточных значений $r_{i-1}<r<r_{i}\in [r_{min},r_{max}]$

где:

• r - действительное число $r\in [r_{min},r_{max}]\subset \mathbf {R}$
• $\mathbf {R}$ это набор действительных чисел
• c — цвет = точка в цветовом пространстве C

Типы

Критерии классификации:

• измерение
• дискретный (классифицированный, цветовая схема ) / непрерывный
• форма
• диапазон: полный или ограниченный. Пример: пастельный цвет с ограниченным диапазоном насыщенности.
• единообразие восприятия
• заказ
  • упорядоченные (последовательные) и неупорядоченные (категориальные)
  • порядок восприятия
• удобочитаемость для людей с нарушением цветового зрения или дальтоников (для дальтоников)
• цветовое пространство
• глубина цвета

Измерение

• 1Д
• 2D: Многомерная карта , двумерная или трехмерная
• 3D

Формы

Осевые градиенты

Осевой цветовой градиент с сегментом белой линии, соединяющим две точки.

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

Радиальные градиенты

Радиальный цветовой градиент

Радиальный градиент определяется как круг , имеющий один цвет по краю и другой в центре. Цвета рассчитываются путем линейной интерполяции на основе расстояния от центра. Это можно использовать для аппроксимации диффузного отражения света от точечного источника сферой . И CSS, и SVG поддерживают радиальные градиенты.

Конические градиенты

конический градиент

Конические или конические градиенты — это градиенты с цветовыми переходами, повернутыми вокруг центральной точки (а не исходящими из центра). Примеры конических градиентов включают круговые диаграммы и цветовые круги. Конические градиенты иногда называют «градиентами развертки» (например, в спецификации OpenType ) или угловыми градиентами.

Другие формы

В векторной графике полигональные сетки можно использовать Adobe Illustrator , поддерживаемые , например градиентные сетки .

Цветовое пространство

• 
  ЛЧ
• 
  ВПГ

Влияние цветового пространства

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

• Гамма-коррекция цветового пространства. При типичном значении γ около 2 легко увидеть, что цветовое пространство с поддержкой гаммы будет темнее, чем цветовое пространство с линейной интенсивностью, поскольку сумма квадратов двух чисел никогда не превышает квадрата их суммы. Эффект наиболее заметен при смешивании дополнительных цветов, таких как красный и зеленый, при этом средний цвет становится темным, а не ожидаемым желтым. Радиальные и конические примеры на этой странице ясно демонстрируют эту ошибку.
• Обработка других свойств восприятия. При визуализации информации нежелательно, чтобы якобы «плоский» градиент по ходу показывал немонотонные изменения яркости и насыщенности. Это происходит потому, что человеческое зрение подчеркивает эти качества, вызывая предвзятость или путаницу в интерпретации.

«Линейное» смешивание соответствует смешиванию физического света и было стандартом в игровых движках . долгое время Однако в Интернете им долгое время пренебрегали как цветовыми градиентами, так и масштабированием изображения. Такое сочетание по-прежнему имеет небольшое отличие от того, которое выполнено в перцептивно однородном цветовом пространстве.

Примеры

• 2D RGB-профили
• 
• 
• 
• 
• 
• 
• 

• Градиент на цветовом круге HSV
• 
  Одноцветный ( монохроматический ) градиент
• 
  полихроматический (многоцветный) цветовой градиент

ВПГ радуга

• ВПГ радуга
• 
  RGB 2D-профили
• 
  HSV 2D-профили
• 
  3D-профиль RGB

Приложения

• представляют количественные или порядковые значения, как на тепловых картах . Более точное описание находится в цветной рамке.
  • визуализация данных
• заполнить регион: многие оконные менеджеры позволяют задавать фон экрана в виде градиента. Цвета, создаваемые градиентом, постоянно меняются в зависимости от положения, создавая плавные цветовые переходы.
• визуализируйте ход расширенной компьютерной операции, такой как загрузка, передача файлов или установка. Посмотреть индикатор выполнения
• Раскраски картографических карт

• Цветовые градиенты в физике
• 
  Цветовая температура черного тела 800-12200К
• 
  Цвета видимого светового спектра
• 
  классифицированный цветовой градиент
• 
  Согревающие полосы с использованием классифицированного цветового градиента.

См. также

• Бокаши (печать)
• Цветовая полоса
• Разница в цвете
• Цветокоррекция
• Цветовое картографирование ; функция, которая отображает (преобразует) цвета одного изображения в цвета другого изображения
• Диффузионная кривая
• сглаживание
• Градиент изображения
• Бандинг Маха
• Омбре
• Палитра ; конечный набор цветов в произвольном порядке
• Перцептивно однородные цветовые пространства
• Постеризация
• Таблица цветов
• книги образцов (например, в книге образцов цветов бумаги, веере цветов RAL CLASSIC K5 или справочниках цветов Pantone )