跳到內容

HSV Color

使用色相、飽和度和明度建立顏色。

Input Color - 設定起始顏色。當設為黑色(預設)時,忽略此屬性;但對於任何其他顏色,HueSaturationValue 屬性可用於調整 Input Color。參見下方範例。注意 SaturationValue 是對 Input Color 的加性效果。

Hue - 圍繞彩虹色輪旋轉以選擇不同的色相。

Saturation - 增加/減少顏色的飽和度。

Value - 增加/減少顏色的明度(或亮度)。

Output Color - 結果顏色的預覽。

  1. 建立一個 Shape

  2. 建立一個 HSV Color

  3. 連接 hsvColor.id→shape.fillColor。

  4. 調整 HSV Color 上的設定。

  5. 建立一個 Shape

  6. 在 Shape 的 Fill 頁籤中,右鍵點擊 Shaders 屬性輸入,選擇 Add Shader > Gradient Shader

  7. 建立一個 HSV Color

  8. 設定 Input Color 為 R = 255,G = 36,B = 224

  9. 設定 Hue90

  10. 在 Gradient 上,選擇第一個色標。

  11. 連接 hsvColor.inputColor→gradient.0.color。

  12. 在 Gradient 上,選擇第二個色標。

  13. 連接 hsvColor.outputColor→gradient.1.color。

  14. 點擊 HSV ColorInput Color 色板,在彩虹色輪上移動控制項。