Color HSV

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

intermediate
Since P00

Output Ports

Color

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

Color

Parameters

NameTypeDefaultDescription
ColorColor赤 (1,0,0,1)カラーピッカーで色を選びます。📌 で外部 Color 入力可能
HFloat0色の角度(0°=赤, 120°=緑, 240°=青)。360°を超えると0°に戻る
SFloat1.0鮮やかさ(0 = グレー、1 = 純色)
VFloat1.0明るさ(0 = 真っ暗、1 = 最も明るい)
AFloat100不透明度

Technical Details

  • カラーピッカーと H/S/V/A スライダーのbidirectional sync
  • ピッカーでColorを変更 → RGB→HSV 変換して H/S/V/A がautomatically updated
  • H/S/V/A スライダーを変更 → HSV→RGB 変換してピッカーがautomatically updated
  • 内部で HSV → RGB 変換を行い、Color 型で出力
  • 全パラメータが 📌 Can be promoted to input pin — アニメーションや外部制御に対応
  • Color相の値は 360° を超えても自動で正規化(例: 400° → 40°)

Usage Examples

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

💡 Tips

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