Browse for an image or drag & drop it here.
You can also paste from the clipboard.

PNG, JPG, WebP, GIF — processed on your device, never uploaded.
#FFFFFF

Click the image to pick the color you want to replace.

Result
The recolored image appears here
Processing…

About the Image Color Replacer

What is this tool?

This tool changes one color in an image into another, directly in your browser. Click the color you want to replace (a magnifying loupe follows your cursor so you can hit the exact pixel), choose a new color, and the result appears instantly. The tolerance slider widens the match to catch nearby shades, and edge smoothing feathers the boundary so the edit does not look cut out with scissors.

The feature that sets it apart is preserve shading. Real objects are never one flat color; a red shirt contains hundreds of reds, from bright highlights to deep shadow. With preserve shading on, the tool keeps each pixel's lightness and only swaps the hue, so a recolored car keeps its reflections and a recolored wall keeps its texture. Turn it off when you want a flat, uniform fill instead. You can also replace a color with transparency, chain several replacements one after another, and export as PNG, JPEG or WebP. Your image never leaves your device.

How to Use This Tool

  1. Load an image. Browse, drag and drop, or paste it from the clipboard. A palette of the image's main colors appears automatically.
  2. Pick the color to replace. Click it on the image using the magnifier, click a palette swatch, or use the screen eyedropper.
  3. Choose the new color or switch on Replace with transparency to erase it instead.
  4. Tune the result. Raise the tolerance until the whole object is covered, add edge smoothing for a soft transition, and leave preserve shading on for a realistic look.
  5. Save it. Download in your preferred format, copy the result to the clipboard, or click Replace another color to keep editing.

Common Use Cases

  • Product photos: show the same item in every available color without reshooting it.
  • Logos and graphics: rebrand artwork by swapping exact brand colors, or knock out a background color to transparency.
  • Design mockups: test how a room, garment or UI element looks in a different color while keeping natural shadows.
  • Cleanup jobs: replace a distracting color in a screenshot or diagram, then use the color picker or color inverter to fine-tune your palette.

Frequently Asked Questions

What does the tolerance slider do?

Tolerance controls how similar a pixel must be to the picked color before it gets replaced. At 0 only exact matches change; higher values also catch nearby shades. Photos almost always need some tolerance, because lighting turns one color into many slightly different ones.

What does preserve shading do?

Instead of painting every matched pixel with one flat color, preserve shading keeps each pixel's lightness and only changes the hue and saturation. Highlights stay bright, shadows stay dark, and the recolored object still looks three-dimensional. It is the same idea a photo editor uses when recoloring clothes or cars.

What is edge smoothing?

Edge smoothing feathers the boundary between replaced and untouched pixels, blending the new color outward over a few pixels instead of stopping at a hard, jagged line. A value of 2 to 6 usually looks natural; higher values give a softer, more diffuse transition.

How do I replace a color with transparency?

Switch on the transparency toggle and the matched pixels become see-through instead of recolored, which is handy for removing flat backgrounds. Download as PNG or WebP to keep the transparency; JPEG does not support it and will fill those areas with white.

Can I replace more than one color?

Yes. Click the arrows button after your first replacement and the result becomes the new source image, with a fresh color palette. Repeat as many times as you like, then download the final version.

How do I pick the exact color?

Three ways: hover over the image and the magnifying loupe shows individual pixels with their hex code so you can click precisely; click one of the automatically detected palette swatches; or use the eyedropper button to sample a color from anywhere on your screen, in browsers that support it.

Why did the whole image change color?

The tolerance is set too high, so almost every pixel counts as a match. Lower it until only the object you care about is affected. If the object still is not fully covered at a reasonable tolerance, replace it in two or three passes using the chain button instead of one huge pass.

Are my images uploaded to a server?

No. The image is processed entirely on your device by your browser, in a background thread so the page stays responsive. Nothing is uploaded, stored or seen by us.