Hue & Saturation Effect
The Hue & Saturation effect manipulates colors in HSL color space, allowing you to shift hues, adjust saturation, and modify lightness.
Parameters
Hue
| Range | Default | Effect |
|---|---|---|
| -180° to +180° | 0 | Rotates all colors around the color wheel |
Example shifts:
- +30° — Warm shift (reds → oranges, blues → purples)
- +90° — Quarter turn (reds → greens)
- +180° — Complementary colors (reds → cyans)
Saturation
| Range | Default | Effect |
|---|---|---|
| -100 to +100 | 0 | Negative desaturates, positive increases vibrancy. -100 = grayscale. |
Lightness
| Range | Default | Effect |
|---|---|---|
| -100 to +100 | 0 | Negative darkens, positive brightens. Extremes produce pure black/white. |
Color Range
Controls which cells are affected:
| Mode | Description |
|---|---|
| All | Apply to all cell colors |
| Text | Only affect text (foreground) colors |
| Background | Only affect background colors |
| Custom | Specify a custom color range |
Keyframing
All three HSL parameters support keyframe animation. Animate hue shift over time for color cycling effects, or transition from full color to grayscale by keyframing saturation from 0 to -100.
Common Recipes
- Saturation: -100
- Hue and Lightness: 0
Produces a full monochrome version.
Creative Uses
- Day to night — Shift hue toward blue (+200°), reduce saturation (-20), decrease lightness (-20)
- Muted/pastel — Saturation -30 to -50, Lightness +10 to +20
- Neon/vibrant — Saturation +30 to +50
- Color cycling animation — Keyframe hue from 0° to 360° across the timeline
Warning
Very high saturation values can cause colors to clip. Use moderate values for best results.