Yotsuba Games
Back to Node List

Color HSV

color_hsv

Create a color using Hue (color angle), Saturation (vividness), and Value (brightness). Great for color cycling and procedural color control.

Draft
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
パレット
palette
Palette
任意: パレットを接続すると、その色から選べるようになります

Output Ports

NameTypeDescription
カラー
color
Color
作成された色（内部でHSVからRGBに変換されます）

Parameters

NameTypeDefaultRangeDescription / Options
色
color
Color
[1,0,0,1]—

カラーピッカーで色を選びます。選んだ色のH/S/Vが下のパラメータに反映されます。

H
hue
Angle
0— / step 1

色相の角度（0°=赤、60°=黄、120°=緑、180°=シアン、240°=青、300°=マゼンタ）。360°を超えると0°に戻ります。

S
saturation
Float
10–1 / step 0.01

色の鮮やかさ（0.0 = グレー/くすんだ色、1.0 = 鮮やかな純色）

V
value
Float
10–1 / step 0.01

色の明るさ（0.0 = 真っ暗、1.0 = 最も明るい）

A
alpha
Float
1000–100 / step 1

アルファ / 不透明度（0% = 完全に透明、100% = 完全に不透明）

技術詳細

  • カラーピッカーと H/S/V/A スライダーの双方向同期
  • ピッカーで色を変更 → RGB→HSV 変換して H/S/V/A が自動更新
  • H/S/V/A スライダーを変更 → HSV→RGB 変換してピッカーが自動更新
  • 内部で HSV → RGB 変換を行い、Color 型で出力
  • 全パラメータが 📌 入力ピン化可能 — アニメーションや外部制御に対応
  • 色相の値は 360° を超えても自動で正規化（例: 400° → 40°）

使用例

  • 色相にSineWaveを接続 → 虹色アニメーション
  • 彩度を0に → グレースケール
  • 色相を固定して明度だけ変える → ライティング効果
Back to Node List