Color HSV(HSVカラー)

色相・彩度・明度(HSV)で色を作るノードです。色のアニメーションに最適。

中級
Since P00

出力ポート

Color(カラー)

HSVから変換された色(RGBAとして出力)

Color

パラメータ

名前デフォルト説明
ColorColor赤 (1,0,0,1)カラーピッカーで色を選びます。📌 で外部 Color 入力可能
HHFloat0色の角度(0°=赤, 120°=緑, 240°=青)。360°を超えると0°に戻る
SSFloat1.0鮮やかさ(0 = グレー、1 = 純色)
VVFloat1.0明るさ(0 = 真っ暗、1 = 最も明るい)
AAFloat100不透明度

技術詳細

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

使用例

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

💡 ヒント

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