Hue Shifter
Shift a color by a chosen hue angle while preserving its saturation and lightness, then preview and copy the result. Processing takes place locally in your b…
Start using
What Hue Shifter does
Rotate a color around the hue wheel while preserving saturation and lightness.
Worked example
#3b82f6 shifted 60°
A hue 60 degrees clockwise from the original
Color calculation
The HSL hue is increased modulo 360 while saturation, lightness and alpha remain unchanged.
Useful workflows
- Create design tokens, chart series, states or illustration palettes.
- Compare copied color values with the visible preview and source format.
- Use image sampling to match an existing visual reference locally.
Accessibility and output checks
- Palette harmony does not guarantee readable text contrast; test WCAG contrast for each foreground/background pair.
- Displays, browsers, color profiles and printing can render the same numeric color differently.
- Rounded conversions can differ by one channel unit when converted back and forth.
Frequently asked questions
Why does the converted value differ slightly?
HEX and RGB use integer channels while HSL and HSV often require rounded decimal conversions.
Are uploaded images sent to a server?
The image color tools decode and sample supported images in the browser unless the page explicitly states otherwise.
Why does a hue shift not change gray pixels?
Gray has little or no saturation, so its hue is undefined or visually irrelevant until saturation is added.
Processing takes place locally in your browser.