よつばゲームズ
ノード一覧に戻る

HSVカラー

color_hsv

色相（色の角度）・彩度（鮮やかさ）・明度（明るさ）で色を作ります。色相アニメーションやプロシージャルな色制御に便利です。

下書き
解説あり

入力ポート

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

出力ポート

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

パラメータ

名前型既定値範囲説明・選択肢
色
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に → グレースケール
  • 色相を固定して明度だけ変える → ライティング効果
ノード一覧に戻る
HSVカラー — PixPipeline ノード解説