Everything you need to know about HSL
HSL provides intuitive control over the three fundamental properties of color: Hue (the color itself), Saturation (color intensity), and Lightness (brightness). This is one of the most versatile color adjustment tools for shifting colors, boosting vibrancy, or adjusting overall brightness.
Parameters
- Hue
Rotates all colors around the color wheel. At 0, no shift occurs. Positive values shift colors one direction (e.g., red → yellow → green). Negative values shift the opposite way (red → magenta → blue). A full rotation of ±0.5 brings you back to the original colors. - Saturation
Multiplies color intensity. At 1.0, colors remain unchanged. Values below 1.0 desaturate (0 = grayscale). Values above 1.0 (up to 3.0) boost saturation for more vivid, punchy colors. - Lightness
Adds or subtracts brightness. At 0, no change occurs. Positive values (+0.1 to +0.5) lighten the image. Negative values (-0.5 to 0) darken it. Unlike exposure, this is a linear shift applied after HSL conversion. - Mix
Blends the adjusted result with the original image. At 0, no change is visible. At 1.0, the full HSL adjustment is applied.
How It Works
The filter converts each pixel from RGB to HSL color space, applies your adjustments to the hue, saturation, and lightness values, then converts back to RGB. This allows independent control over color properties that would be entangled in RGB adjustments.
Tips
- Use small hue shifts (±0.05) for color correction, larger shifts for creative effects
- Saturation 1.2–1.5 adds pop without looking over-processed
- For a vibrance-like effect, increase saturation slightly with the Mix at 0.5–0.7
- Combine with targeted color tools for selective hue adjustments