Shift the Hue of a Color Online — Free
Runs 100% in your browser — your files never leave your device.
Keeping saturation and lightness fixed while rotating the hue is the fastest way to explore a palette: same feel, different color. Paste a value, drag the hue slider from −180° to +180°, and copy the shifted result. Useful for variations that need to stay visually related to the original.
How it works
- 1
Paste a color
Enter any HEX, RGB, or HSL value — the swatch updates instantly.
- 2
Rotate the hue
Drag from −180° to +180°; saturation and lightness are preserved.
- 3
Copy the result
Copy the hue-shifted color as HEX, RGB, or HSL with one click.
About this tool
How hue shifting works
The tool rotates your color around the hue wheel by the degrees you choose, holding saturation and lightness constant. A blue rotated 60 degrees becomes purple-ish; the same rotation moves a yellow toward green. The color's tone and intensity travel with it unchanged.
When to reach for it
Derive related shades from one brand hue, adapt a palette to a different season or mood, correct a color that sits slightly off its target, or explore variations before committing. Rotation keeps everything consistent — every variation inherits the original's saturation and weight.
Tips for the best result
For palette variations, rotate by fixed steps — 30 degrees gives close siblings, 120 gives the triad. Small negative rotations (−5 to −15) fix slight color casts in brand colors sampled from photos.
Frequently asked questions
How many degrees equal a full color change?
The wheel has 360 degrees. Neighboring colors sit 30 degrees apart, complements 180 apart. Everything between is fair game — the slider covers the full circle.
Does hue shifting affect how light or dark the color is?
Only barely — hue rotation happens at constant saturation and lightness in HSL space. Perceptual brightness shifts slightly (yellow-green reads brighter than blue), but the values themselves do not change.
Can I shift an entire palette by the same amount?
Yes — run each color through with the same degree value. The relationships between your palette members survive intact, which makes global re-themes trivial.