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

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

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

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

Определения

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

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

  серый

• 

  Кубспираль^[2]

• 

  Радуга ВПГ

• 

  расходящийся^[3]

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

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

${displaystyle f: [r_ {min}, r_ {max}] подмножество mathbf {R} o C}$

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

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

где:

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

Типы

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

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

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

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

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

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

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

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

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

Другие формы

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

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

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

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

Примеры

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

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

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

• 

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

Радуга ВПГ

• Радуга ВПГ
• 

  RGB 2D-профили

• 

  Профили HSV 2D

• 

  Профиль 3D RGB

инструменты

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

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

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

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