HSL Color

HSL Color converts Hue, Saturation, and Luminosity values into a standard RGBA color (). The HSL color model separates the three perceptual dimensions of color:

• Hue — The "type" of color (red, orange, yellow, green, etc.), represented as a position on a circular color wheel normalized to 0 — 1.
• Saturation — How vivid the color is. Reducing saturation moves toward a neutral gray.
• Luminosity — How light or dark the color is. At 0 everything is black; at 1 everything is white; at 0.5 you see the purest form of the hue.

The Hue input wraps around: values of 0.0 and 1.0 both produce red. This makes it ideal for continuous animations — you can feed a linearly increasing value (e.g. from Time or a Math node) into Hue and it will cycle smoothly through the entire spectrum with no discontinuity.

• Color wheel animation — Connect Time > Seconds through a Math (modulo 1) into Hue for a smooth rainbow cycle.
• Harmonious palettes — Use a base Hue and offset by fixed amounts (e.g. +0.5 for complementary, +0.333 for triadic) to generate coordinated color schemes.
• Brightness control — Adjust Luminosity while keeping the same Hue and Saturation to create light/dark variants of a color.
• Desaturation effects — Animate Saturation from 1 to 0 to fade a color to grayscale.
• MIDI/OSC-driven color — Map a MIDI CC value (0 — 127 remapped to 0 — 1) directly to Hue for intuitive hardware color control.

• For the purest, most vibrant colors, keep Luminosity at exactly 0.5 and Saturation at 1.0.
• Luminosity at 0.0 always produces black and at 1.0 always produces white, regardless of Hue or Saturation.
• To decompose a color back into its HSL components, use the Color to HSL node.
• HSL is better suited than RGB for smooth color transitions and animations because changing a single value (Hue) cycles through all colors, whereas RGB requires coordinating three channels simultaneously.