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

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

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

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

Определения

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

• кривая через цветовое пространство RGB
• 

  серый

• 

  Кубспираль

• 

  Радуга ВПГ

• 

  расходящиеся

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

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

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

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

• цветовое пространство C
• возрастающая последовательность точек отбора проб${\ displaystyle r_ {0} <... <r_ {m} \ in [r_ {min}, r_ {max}]}$
• серия значений в цветовом пространстве ${\ 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}]}$

куда:

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

Типы

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

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

Измерение

• 1D
• 2D
• 3D

Формы

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

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

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

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

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

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

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

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

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

Другие формы

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

Эффект цветового пространства

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

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

Примеры

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

• Градиент на цветовом круге HSV
• 

  Одноцветный ( монохроматический ) градиент

• 

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

Радуга ВПГ

• Радуга ВПГ
• 

  RGB 2D-профили

• 

  Профили HSV 2D

• 

  Профиль 3D RGB

Инструменты

• CCC-Tool - это общий инструмент для создания, анализа и тестирования цветовых карт с целью минимизировать необходимые компоненты взаимодействия.
• ColorMeasures онлайн-инструмент, позволяющий математически анализировать свойства цветовой карты в нескольких цветовых пространствах.
• Color Brewer - веб-инструмент для руководства по выбору цветовых схем картограмм , основанный на исследовании доктора Синтии Брюэр.
• gencolormap - инструменты для создания цветовых карт для визуализации
• Chroma.js Color Palette Helper для освоения многоцветных цветовых шкал с несколькими ступенями.
• Color Gradient - Инструмент для создания онлайн-градиентов

Смотрите также

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

использованная литература