Recolor

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

Live previewHue · Sat · Light100% free PNG · JPG · WebP

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

  1. Add your image — drag & drop, paste, or choose a file.
  2. Move the sliders — hue rotates colors; saturation and lightness scale them.
  3. Watch it update — the preview recolors live as you drag.
  4. 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

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