Language
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Image Color Replace

Image Color Replace

Replace a specific color in an image with another color or make it transparent. Click to pick the color, tune tolerance and edge softening, then download as PNG or JPEG.

Replace a Color in Any Image, Right in Your Browser

Image Color Replace lets you swap a specific color in an image for a different color or make it transparent. Click the color you want to change, pick a replacement, and the result appears instantly on the canvas.

It is built for targeted edits: recolor a product for an e-commerce listing, adjust a brand color in a logo, or knock out a solid background. The tolerance and edge softening controls keep results clean even on photos with gradients and soft edges.

Private by design: every color replacement runs in your browser with the Canvas API. Your images never leave your device and nothing is uploaded to a server.

How to Replace a Color in an Image

1

Upload your image

Drop an image onto the upload area or click to browse. JPEG, PNG, WebP, GIF, and BMP files are all supported.

2

Pick the source color

Click anywhere on the image to sample the color you want to replace. The eyedropper captures that exact pixel and adds it to the Color replacements list.

3

Choose the target color

Open the color picker next to the arrow to set the replacement color, or tick Transparent to erase that color instead.

4

Tune tolerance and edges

Raise the Tolerance slider to catch more shades of the same color, and enable Edge softening for smooth, anti-aliased transitions.

5

Download the result

Save as PNG to keep transparency, or JPEG for a smaller file when transparency is not needed.

Features

Eyedropper Color Picker

Click directly on the image to sample any color. As you move the cursor, the info bar shows the exact hex code beneath it.

Pick the Replacement Color

Set any target color with the built-in color picker, so the chosen source color becomes exactly the shade you want.

Multiple Color Pairs

Add as many source-to-target pairs as you need. Every pair applies at the same time in a single session.

Color-to-Transparent

Tick Transparent on any pair to erase that color, turning a solid background or shape into a see-through area.

Tolerance Control

A 0-100% slider sets how close a pixel must match the source color, so you can target only exact pixels or sweep up similar shades.

Edge Softening

Optional anti-aliasing blends the boundaries of replaced colors for smooth, natural edges instead of jagged outlines.

Undo & Reset

Press Ctrl+Z (or Cmd+Z) to step back through recent changes, or reset to restore the original image and clear every pair.

PNG or JPEG Export

Download as PNG to preserve transparency, or JPEG for a compact file. Wide format support: JPEG, PNG, WebP, GIF, and BMP in.

Frequently Asked Questions

How do I replace a color in an image?

Upload your image, then click the color you want to change to add it as a source color. Open the picker next to the arrow, choose a replacement shade, and the canvas updates instantly. Repeat the click for any other colors you want to swap.

Can I replace more than one color at a time?

Yes. Click different colors in the image to add multiple source-to-target pairs. Each pair is replaced independently, and they all apply at the same time.

Can I replace a color in a PNG with transparency?

Yes. Tick the Transparent option on a color pair to erase that color and create a see-through area, then download as PNG to keep the transparency. JPEG does not support transparency, so transparent areas appear as black in a JPEG.

What does the tolerance slider do?

Tolerance controls how similar a pixel must be to the source color to be replaced. At 0% only exact matches change; raising it from 0 to 100% sweeps up a wider range of similar shades and gradients, which helps with photos that have subtle color variation.

How do I pick the exact source color?

Move your cursor over the image and the info bar shows the hex code of the pixel beneath it. When the right shade is displayed, click to add that exact color as a source. On touch devices, drag to preview the color and lift your finger to pick it.

What is edge softening?

Edge softening blends the boundaries between replaced and original colors, producing smooth, anti-aliased transitions instead of sharp, pixelated edges. It is most noticeable around the outlines of the color you swapped or made transparent.

What image formats are supported?

You can upload JPEG, PNG, WebP, GIF, and BMP images. There is no strict file size limit, but very large images process more slowly depending on your device. Images under about 10 megapixels work smoothly on most devices.

Is it free and does it work in the browser?

Yes. The tool is free with nothing to install, and all color replacement happens entirely in your browser using the Canvas API. Your images never leave your device and nothing is uploaded to a server.

Drop image here or click to browse

Supports JPEG, PNG, WebP, GIF, BMP

Click on image to pick source color
Tolerance 20%
Color replacements
No colors selected yet
Click on the image to pick the color you want to replace
Use the color picker next to the arrow to choose the replacement color
Check Transparent to make the selected color see-through
Increase Tolerance to replace similar shades of the same color
Enable Edge softening for smoother color transitions
Press Ctrl+Z to undo changes
Download as PNG to preserve transparency
All processing happens in your browser — images are never uploaded
Want to learn more? Read documentation →
1/9
Start typing to search...
Searching...
No results found
Try searching with different keywords