Hue Shifter

About Hue Shifting

The Hue Shifter rotates a color's hue around the color wheel while keeping its saturation and lightness intact. Use it to discover analogous, triadic, complementary, and split-complementary color combinations.

Processing is entirely client-side — your color data stays in your browser.

How to Use

1. Enter a HEX color code or choose one from the color picker.
2. Drag the hue slider or type a degree value (−180° to +180°).
3. View the shifted color alongside the original for comparison.
4. Copy the resulting HEX code or note the RGB and HSL values.

Features

• Rotate hue by any degree from −180° to +180°
• Original vs. shifted side-by-side preview
• HEX, RGB, and HSL output for the shifted color
• One-click copy to clipboard
• Preset colors for quick experimentation
• Accurate HSL-based calculation preserving saturation and lightness

Common Hue Relationships

• ±30° — Analogous colors (neighbors on the wheel)
• ±60° — Split-analogous colors
• ±120° — Triadic colors
• ±180° — Complementary (opposite) color