跳转到内容

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 色板,在彩虹色轮上移动控件。