顏色漸變
編輯在計算機圖形學中,顏色漸變指定了與位置相關的顏色范圍,通常用于填充區域。例如,許多窗口管理器允許將屏幕背景指定為漸變。漸變產生的顏色隨位置連續變化,產生平滑的顏色過渡。
顏色漸變的類型
編輯分類標準:
- 方面
- 離散(分類)/連續
- 形狀
- 感知一致性
- 命令
- 有序(順序)和無序(分類)
- 知覺秩序
- 色覺缺陷或色盲人群的可讀性(色盲友好)
維度
- 一維
- 二維
- 3D
形狀
軸向梯度
軸向顏色漸變(有時也稱為線性顏色漸變)由兩個點和每個點的顏色指定。通過這些點的線的顏色是使用線性插值計算的,然后垂直于該線延伸。在數字成像系統中,顏色通常在RGB顏色空間中插值,通常使用伽馬壓縮的RGB顏色值,而不是線性。CSS和SVG都支持線性漸變。
徑向漸變
徑向漸變被指定為在邊緣具有一種顏色而在中心具有另一種顏色的圓。顏色是根據與中心的距離通過線性插值計算的。這可用于近似球體對來自點源的光的漫反射。CSS和SVG都支持徑向漸變。
圓錐漸變
圓錐或圓錐漸變是顏色過渡圍繞中心點旋轉(而不是從中心輻射)的漸變。圓錐漸變示例包括餅圖和色輪。
其他形狀
在矢量圖形中,可以使用多邊形網格,例如,AdobeIllustrator支持的漸變網格。
色彩空間的影響
編輯由于人類視覺怪癖,本節缺少有關感知和物理正確混合之間差異的信息。
漸變的外觀不僅取決于顏色本身,還取決于執行計算的顏色空間。這個問題通常變得很重要,原因有兩個:
- 對色彩空間的Gamma校正。典型的γ約為2,很容易看出啟用gamma的顏色空間將比線性強度顏色空間混合更暗,因為兩個數字的平方和永遠不會超過它們和的平方。這種效果在混合互補色(如紅色和綠色)時最為明顯,中間顏色是深色而不是預期的黃色。此頁面上的徑向和圓錐示例清楚地顯示了此錯誤。
- 處理其他感知屬性。在信息可視化中,不希望有一個所謂的“平坦”梯度顯示沿途的亮度和飽和度的非單調變化。這是因為人類的視覺強調這些品質,導致解釋上的偏見或混亂。
工具
編輯- CCC-Tool是一種通用工具,用于創建、分析和測試顏色圖,以盡量減少所需的交互組件。
- ColorMeasures一種在線工具,使您能夠以數學方式分析多個顏色空間中顏色圖的屬性
- ColorBrewer-基于CynthiaBrewer博士的研究,用于指導選擇等值線圖配色方案的Web工具
- gencolormap-生成可視化顏色圖的工具
- Chroma.js調色板助手,用于掌握多色調、多站色標
- 顏色漸變-創建在線漸變的工具
內容由匿名用戶提供,本內容不代表www.gelinmeiz.com立場,內容投訴舉報請聯系www.gelinmeiz.com客服。如若轉載,請注明出處:http://www.gelinmeiz.com/130978/