Image Color Changer
Change the colour of anything in a photo or graphic: click the colour with the eyedropper, choose the new one, and the tool swaps it while keeping the light and shadow, so a red shirt turns into a believable blue one. Change up to 6 colours in one pass, keep the change inside a box you draw, paint a solid colour for flat graphics and logos, or make a colour transparent to drop a white background. Drag the before and after slider, grey out everything that is not changing to check the match, then download the full-size image as a PNG, JPG or WebP with no watermark. It all runs in your browser, so your image is never uploaded.
100% private — everything runs in your browser. Every image is processed on your device with our own code; nothing is uploaded or stored.
JPG has no transparency: transparent parts are saved white. Choose PNG or WebP to keep them clear.
Colours to change
Click the image to pick a colour, then choose its new colour. Raise the tolerance to catch more shades of it.
Area
Colour matching works on colour, not on objects: if the same colour appears somewhere you want to keep, lower the tolerance or edit that part afterwards. Downloads stay at the full size of your image (very large images are scaled to what your browser can hold, and the tool says so). Your image is not uploaded.
How to change a color in an image
- Drop an image, paste one, or try the sample.
- Click the colour you want to change. The eyedropper reads a small patch, so speckles in a photo don’t throw it off.
- Choose the new colour, and how to change it: Keep shading, Solid colour or Make transparent.
- Raise the tolerance until the whole area changes, and add soft edges for a smooth blend. Tick Show what changes to see exactly which pixels are affected.
- Need more? Press Add another colour (up to 6) and pick the next one. If the same colour sits somewhere you want to keep, tick Only change inside a box and drag a box around the part to change.
- Compare before and after, choose PNG, JPG or WebP, and download at full size.
What you can use it for
- Trying a product, shirt, car or wall in other colours before you buy or shoot
- Matching a logo, icon or illustration to new brand colours
- Removing a white or flat background from a logo or signature
- Making colour variants of a design for a shop listing or a mood board
- Fixing one off colour in a graphic without opening a photo editor
Three ways to change a colour
| Change it to | What happens | Best for |
|---|---|---|
| Keep shading | The picked colour lands exactly on the new colour; lighter and darker pixels stay lighter and darker | Photos: clothes, products, walls, cars, flowers |
| Solid colour | Every matched pixel becomes the exact new colour | Logos, icons, flat illustrations, screenshots |
| Make transparent | Matched pixels become see-through (partly, inside the soft edge) | White or flat backgrounds behind logos and signatures |
Colours are matched in CIELAB, a colour space designed so that equal distances look about equally different. Lightness counts half, so the lit side and the shaded side of one colour are treated as the same colour.
How far apart colours are
| Colours | What they are | Distance | Caught at the starting tolerance (22, soft edges 12)? |
|---|---|---|---|
| #c8323c and #e0525a | the same red in light | 7.5 | yes |
| #c8323c and #7e1a22 | the same red in shadow | 20.6 | yes |
| #c8323c and #e86a92 | pink | 30.2 | with soft edges |
| #c8323c and #e67e22 | orange | 40.9 | no |
| #c8323c and #2f6fd6 | blue | 99.0 | no |
| #ffffff and #e9e2d4 | white and cream | 9.1 | yes |
| #ffffff and #cccccc | white and light grey | 9.0 | yes |
Distances are computed by the tool itself. The shaded and lit sides of one red sit close to it, while pink and orange are much further away, so the starting tolerance changes the red and leaves the others alone. Light greys sit close to white, so lower the tolerance when you make a white background clear and want to keep pale shadows.
File types
| Format | Transparency | Good for |
|---|---|---|
| PNG | Kept | Graphics, logos, anything with clear parts; lossless |
| JPG | No: clear parts are saved white | Photos where file size matters |
| WebP | Kept | Smaller files for websites |
You may use what you make here, including commercially, with no credit needed.
Related tools
- Need the exact code of a colour first? Use the Image Color Picker.
- Working with an SVG file? The SVG Color Changer changes fills and strokes in the code.
- Want one colour kept and the rest in black and white? Try Color Splash.
- For a quick hue shift or tint of the whole image, use Change Image Colour.
- To cut a person or product out of any background, use Remove Background.
More free image tools
Want to keep editing?
Pick colours, crop, cut out and frame images with free tools that run privately in your browser, with no sign-up and no watermark.
Frequently asked questions
How do I change the colour of something in a photo?
Click the thing you want to change, then pick the new colour. With Keep shading on, highlights and shadows stay where they were, so the result still looks like the same material. Raise the tolerance until the whole area has changed.
Why did other parts of my image change too?
The tool matches colours, not objects. If the same colour appears elsewhere, it changes there as well. Tick Only change inside a box and drag a box around the part you want, or lower the tolerance. Show what changes greys out everything that stays the same.
Can I change more than one colour at once?
Yes. Press Add another colour, up to 6 in total. Each colour has its own new colour, tolerance and soft edges. Every swap looks at the original image, so a colour you just changed is not changed a second time.
How do I make a colour transparent?
Pick the colour, then choose Make transparent. Download a PNG or WebP to keep the clear parts. JPG has no transparency, so clear parts are saved white.
What is the difference between Keep shading and Solid colour?
Keep shading moves the colour but keeps each pixel lighter or darker, as in the original, so photos look natural. Solid colour paints one exact colour, which suits flat logos, icons and clip art.
What does tolerance mean here?
It is how different a pixel’s colour can be from the colour you picked and still change. It is measured in a colour space built to follow how people see colour differences, with lightness counted at half weight so shaded parts still match.
Will the download be full size?
Yes. You get every pixel of your image with no watermark. Very large images are scaled down only if your browser can’t hold them, and the tool tells you the size before you download.
Can it change colours in an SVG or a logo file?
This page works on pixels, from JPG, PNG and WebP files. For SVG files, use the SVG colour changer, which edits the fill and stroke colours in the code itself.
Are my images uploaded?
No. Everything runs in your browser. The download carries no location data from the original file.
Does it work on a phone?
Yes. Tap the box to pick a photo, then tap the image to pick a colour. Photos taken on a phone keep the right way up.