HSV Color

概要

色相、彩度、明度を使用して色を作成します。

UI

Input Color - 開始色を設定します。黒（デフォルト）に設定されている場合、この属性は無視されますが、それ以外の色の場合、Hue、Saturation、Value 属性を使用して Input Color を調整できます。以下の例を参照してください。Saturation と Value は 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. Hue を 90 に設定します。

10. Gradient で、最初のカラーストップを選択します。

11. hsvColor.inputColor→gradient.0.color を接続します。

12. Gradient で、2 番目のカラーストップを選択します。

13. hsvColor.outputColor→gradient.1.color を接続します。

14. HSV Color の Input Color スウォッチをクリックし、レインボーホイール上でウィジェットを動かします。