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

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

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

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

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

• кривая через цветовое пространство RGB
• 
  серый
• 
  кубелик ^[2]
• 
  HSV радуга
• 
  расходящиеся ^[3]

Цветовая карта ^[4] — это функция , которая связывает действительное значение r с точкой c в цветовом пространстве. ${\displaystyle С}$

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

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

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

где:

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

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

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

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

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

Радиальный градиент задается как круг , имеющий один цвет на краю и другой в центре. Цвета вычисляются путем линейной интерполяции на основе расстояния от центра. Это можно использовать для аппроксимации диффузного отражения света от точечного источника сферой . [ ^{необходима цитата ]} И CSS, и SVG поддерживают радиальные градиенты. ^{[10] [11]}

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

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

• 
  ЛЧ
• 
  ВПГ

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

• Коррекция гаммы для цветового пространства. При типичном значении γ около 2 легко увидеть, что цветовое пространство с поддержкой гаммы будет смешиваться темнее, чем цветовое пространство с линейной интенсивностью, поскольку сумма квадратов двух чисел никогда не больше квадрата их суммы. Эффект наиболее очевиден при смешивании дополнительных цветов, таких как красный и зеленый, при этом средний цвет является темным цветом вместо ожидаемого желтого. ^{[13] [14]} Радиальные и конические примеры на этой странице наглядно демонстрируют эту ошибку.
• Обработка других перцептуальных свойств. В визуализации информации нежелательно, чтобы якобы «плоский» градиент показывал немонотонные изменения в яркости и насыщенности на протяжении всего пути. Это происходит потому, что человеческое зрение подчеркивает эти качества, вызывая предвзятость или путаницу в интерпретации. ^[15]

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

• Профили 2D RGB
• 
• 
• 
• 
• 
• 
• 

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

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

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

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

В Wikibooks есть книга по теме: Цвета/Градиенты цвета

На Викискладе есть медиафайлы по теме «Градиент цвета» .

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