Recolor an Image (Hue Shift)
Shift the hue, saturation, and lightness of a whole image with live sliders, then download the result.
Drop an image to pick colors
Drag & drop, paste, or pick a file
PNG · JPG · WebP — colors read on your device
Recolor an Image (Hue Shift)
Recoloring shifts the colors of an entire image at once. The hue slider rotates every color around the color wheel — turn a blue product red, push a green scene toward autumn, or shift a whole graphic to match a new brand color. Because it rotates hue rather than painting over pixels, textures, shading, and detail are preserved.
The saturation slider scales how vivid the colors are: pull it down toward zero for a muted or near-grayscale look, push it up to make a flat photo pop. The lightness slider brightens or darkens overall. Together the three give you quick, non-destructive control over the mood of an image without opening a full editor.
Everything previews live as you drag, so you can dial in the look by eye. When you're happy, export at the original resolution as PNG, JPG, or WebP. It's ideal for product mockups, theme variations, social graphics, and quick creative experiments.
How to recolor an image
- Add your image — drag & drop, paste, or choose a file.
- Move the sliders — hue rotates colors; saturation and lightness scale them.
- Watch it update — the preview recolors live as you drag.
- Download — save the recolored image as PNG, JPG, or WebP.
Tip: hue shift keeps detail, paint doesn't
Rotating hue preserves the light and shadow in a photo, so a recolored object still looks three-dimensional. If you only need to swap one specific color rather than everything, use the Replace color mode instead.
Recolour image: how it works
- What it does
- Shifts the colours of an entire image at once with live sliders, without painting over individual pixels.
- Colour output
- A recoloured image you can preview live and download as PNG, JPG, or WebP at the original resolution.
- How it works
- Each pixel is converted to HSL and adjusted: the hue slider rotates every colour around the colour wheel (−180° to +180°), while the saturation and lightness sliders scale those values from 0% up to 200% of the original. Because it rotates hue rather than overwriting colours, the original light and shadow are preserved, so textures and depth survive the change.
What you can use it for
- Recolouring a product or graphic to match a new brand colour while keeping its shading.
- Creating quick theme or seasonal variations of the same image.
- Toning a flat photo down toward grayscale (saturation to 0%) or making it pop (saturation up).
- Experimenting with mood and palette for social graphics or mockups without opening a full editor.
Tip: Rotating hue keeps a recoloured object looking three-dimensional, but if you only need to swap one specific colour rather than everything, use the Replace colour mode instead.
More color tools
Color picker
Hover and click to read hex, RGB, and HSL from any pixel.
Color toolPalette extractor
Pull the dominant colors and export CSS, JSON, or a PNG sheet.
Color toolDominant color
Find the single main color — plus the true average.
Color toolColor histogram
See the RGB and luminance distribution of a photo.
Color toolColorblind simulator
Preview protanopia, deuteranopia, and tritanopia.
Color toolReplace color
Swap one color for another with adjustable tolerance.
Frequently asked questions
How do I change all the colors in an image?
Use the hue slider — it rotates every color around the wheel at once, while saturation and lightness control vividness and brightness.
Will recoloring ruin the photo's detail?
No. Hue shifting rotates colors but keeps the original light and shadow, so textures and depth are preserved.
Can I make an image black and white?
Pull saturation down to zero for a grayscale look. Adjust lightness to taste.
What can I save the result as?
PNG, JPG, or WebP, exported at the image's original resolution.
Where is my image processed?
It happens in your browser, so the result is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
More image tools
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.