Online Tool Store
PNG Color Replacer
Upload a PNG, click to sample the color to replace (or pick it manually), adjust the tolerance for a smooth blend, and preview exactly which pixels matched. Keeps transparency intact. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
A sample image is shown below — upload your own PNG to replace it.
Replace this color
Or click a pixel on the image below to sample it.
With this color
Higher tolerance matches more shades near the source color; edges near the cutoff blend smoothly instead of a hard outline.
Download PNG
How it works
- Upload a PNG, or click anywhere on the sample image to sample the color you want to replace.
- Pick the new color and adjust the tolerance — the preview updates instantly as you go.
- Optionally turn on the mask preview to see exactly which pixels matched before committing.
- Download the result with every matching pixel swapped and transparency intact.
Replacement reads the image's pixel data via the canvas API and measures each pixel's RGB distance from the source color you picked. Pixels within the tolerance are fully replaced, pixels just past it blend smoothly between the old and new color, and everything else — including the alpha channel of every pixel — is left untouched.
FAQ
Is my image uploaded anywhere?
No. Color replacement happens entirely in your browser using the canvas API — your PNG is never sent to a server.
Does it preserve transparency?
Yes — the alpha channel of every pixel is left untouched. Only pixels matching the source color have their RGB values changed.
What about anti-aliased edges with slightly different shades?
A tolerance slider controls how close a pixel's color needs to be to the source color to get replaced, and pixels near that cutoff blend smoothly between the old and new color instead of leaving a hard outline.
Does this reduce image quality?
No — only the matched pixels change color. Everything else, including resolution and compression, stays the same.
Can I pick the color directly from my image instead of typing a hex code?
Yes — click anywhere on the preview and that pixel's exact color becomes the color to replace.
How do I know which pixels will be replaced before downloading?
Turn on "Show which pixels matched" to see a black-and-white mask: white means fully replaced, black means untouched, and gray shows the smooth blend zone — useful for dialing in the tolerance first.
How we compare
| Feature | Online Tool Store | OnlineTools.com | OnlinePNGTools | SmallPNGTools |
|---|---|---|---|---|
| Click-to-sample color picker — no hex code needed | ✓ | ✓ | ✓ | ✓ |
| Soft edge blending near the tolerance cutoff | ✓ | ✓ | ✓ | ✓ |
| Preview mask showing exactly which pixels matched | ✓ | ✓ | ✓ | Not stated |
| No daily limit, account, or paid tier | ✓ | Not stated | Free tier has download wait timers | 10 free edits/day, then paid |
Full image editors like Photoshop or GIMP are still the right call for complex, multi-layer edits. For the one-off case — swapping a brand color across an icon or logo — this matches what the other online color-swap tools offer, without a daily edit limit or a paid tier for instant downloads.