- Home
- Change the Hue of an Image
Change the Hue of an Image
Rotate every colour in a photo or logo around the colour wheel with one slider. Shading, highlights and shadows survive intact, so the result still looks like a real photograph rather than a flat paint job.
Free preview · No signup · ~10 seconds
Shifting hue without wrecking skin tones and neutrals
A rotation, not a repaint
A hue shift moves every colour the same number of degrees around the colour wheel. Red at 0 degrees becomes yellow at +60 and cyan at +180, and every other colour travels with it. Because the relationships between colours are preserved, a photo shifted by 40 degrees still reads as a photograph. Painting a single flat colour over the image would destroy exactly that.
Shading and texture survive
Only the hue channel is rotated. Brightness and the light-to-dark structure of the image are left alone, so fabric keeps its weave, skin keeps its modelling, and a product shot keeps the highlight that tells you it is glossy. This is the difference between recolouring a photo and flattening it.
Saturation and lightness alongside
Hue on its own often overshoots. A shifted colour can land somewhere too vivid or too dark for the rest of the frame, so saturation and lightness sit on the same panel. Pull saturation down slightly after a large rotation and the result usually settles into something believable.
Runs in your browser
The rotation is a canvas filter applied on your own machine. Nothing is uploaded to generate the preview, so dragging the slider updates immediately and your image never leaves your device while you are experimenting.
Hue shift versus colour replace
A hue shift moves every colour at once, which is what you want for a mood change across a whole photograph. Replacing a colour targets one specific shade and leaves the rest untouched, which is what you want when a single brand colour is wrong. Use the hue slider for atmosphere and the Replace Color tool for precision.
Getting a believable hue shift
Small shifts read as intentional
Rotations under about 30 degrees usually look like a deliberate grade. Past roughly 120 degrees the image starts to read as an effect, which is fine when that is what you want but rarely right for product photography.
Watch skin tones
Human skin occupies a narrow band of the colour wheel and the eye is unusually good at spotting when it is wrong. If your frame contains people, keep the rotation small or use Replace Color on the background instead.
Drop saturation after a big rotation
Shifted colours often land more vivid than the original because the source photo was never balanced for that part of the wheel. Pulling saturation down five or ten points afterwards usually settles the whole frame.
Rotating back is lossless enough
Hue rotation is close to reversible, so you can explore freely. But every export re-encodes the file, so work from the original rather than re-editing a downloaded copy repeatedly.
Hue Shift vs Replace Color vs Recolor
Hue Shift
Every colour rotates
- Moves all colours by the same angle
- Keeps shading and texture
- One slider, no selection needed
- Reversible by rotating back
Whole-image mood changes and product colourways
Changing exactly one colour and nothing else
Replace Color
One shade targeted
- You name the colour to find
- Tolerance controls how close a match counts
- Everything else is untouched
- Works on flat brand colours
Swapping one wrong brand colour in a graphic
Photographs where the colour varies pixel to pixel
Recolor to One Tone
Everything becomes one colour
- Collapses the image to a single hue
- Original shading can be preserved or flattened
- Ideal for one-colour logo variants
- Not reversible from the result
Monochrome logo versions and stamps
Photographs you want to keep looking realistic
How to change the hue of an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. The original appears on the left for comparison.
Drag the hue slider
Move the hue control between -180 and +180 degrees and watch the result update live. Add saturation or lightness if the shifted colours feel too strong or too flat.
Download
Grab a free low-resolution preview to check the look, or download the full-resolution file with one credit on a free account.
Where a hue shift saves a reshoot
Product colourways
Show the same garment or object in four colours from a single photograph, without a reshoot.
Photo mood
Warm a cold interior shot or cool a golden one until it matches the rest of a gallery.
Brand-adjacent variants
Nudge a stock image toward your palette so it stops looking borrowed.
Design exploration
Try a whole colour direction in seconds before committing to it in the real artwork.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
Shift the hue of your image now
One slider, live preview, no signup to try it.