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

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

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

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

Определения [ править ]

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

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

  серый

• 

  cubehelix ^[2]

• 

  Радуга ВПГ

• 

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

Строгое определение [ править ]

Цветовая карта ^[4] - это функция, которая связывает реальное значение 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 ^[5]
• 3D

Фигуры [ править ]

Осевые градиенты [ править ]

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

Радиальные градиенты [ править ]

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

Конические градиенты [ править ]

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

Другие формы [ править ]

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

Эффект цветового пространства [ править ]

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

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

Примеры [ править ]

• 2D профили RGB

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

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

Радуга HSV [ править ]

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

• Профили HSV 2D

• Профиль 3D RGB

Инструменты [ править ]

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

См. Также [ править ]

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

Викискладе есть медиафайлы по теме Цветовой градиент .

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

Ссылки [ править ]