Color Replacer

The color replacer finds every pixel in an uploaded image within a tolerance of a target color and repaints it with the color you choose, live on a canvas.

What is Color Replacer?

The color replacer does one specific job on an image: it finds the pixels that match a colour you nominate and repaints them. Upload a picture, set a target colour, choose what to replace it with, and drag a tolerance slider. The canvas beside the controls updates as you work, so the result is visible without any apply step. It is the tool for the everyday problem of a flat background that needs to be a different colour, or a logo whose one accent shade has to be swapped to match a new brand.

• The matching rule is worth knowing precisely, because it explains both what the tool is good at and where it fringes.
• A pixel is replaced when each of its red, green and blue values is individually within the tolerance of the target's corresponding channel.
• That describes a box in colour space rather than a sphere: a colour can sit within tolerance on every channel and still be visually quite different, and two colours equidistant from the target by eye can fall on opposite sides of the boundary.
• Raising the tolerance widens the box on all three channels at once, which is why a value that catches more of the background also starts bleeding into the subject.

The slider runs from zero, where only an exact match qualifies, up to two hundred, which is generous enough to sweep most of a scene. Starting values around the middle are usually right for a flat backdrop, and the honest way to work is to raise the tolerance until the background is covered and then back off a step or two as soon as the subject starts losing pixels. Because the swap runs on every change, that tuning is a matter of watching the canvas rather than guessing.

Two details make the result more usable than a naive swap. The replacement is written as a flat colour, so the exact hue you chose is what lands, and the alpha channel is left untouched, which means a transparent PNG stays transparent where it already was rather than gaining an opaque halo. The processing happens at the image's own resolution rather than on a downscaled copy, so fine details are preserved rather than smeared.

• The limitation that matters most is the absence of any edge blending.
• A pixel either matches and is fully replaced or does not match and is left exactly as it was, so along an anti-aliased edge between the target colour and its neighbour you get a ring of intermediate pixels that fall outside tolerance and keep their original values.
• Against a contrasting background that shows as a visible fringe, and the fix is a higher tolerance or a different approach rather than a setting here.

It is also worth setting expectations about the output. The tool is a canvas preview rather than a file pipeline: there is no download button, so the way to keep a result is to save the rendered canvas from the browser. That makes it excellent for testing whether a recolour will work at all — the common case of a client asking whether the background could be a different shade — and less suited to batch work.

Used as a color replacer for that kind of quick trial it is hard to beat: no editing suite, no layers, no export dialog, just a target, a replacement and a tolerance. When the task is to swap colors in a photo that are effectively one flat value, or to see how an asset looks with a corrected shade, this gets you an answer in seconds. When the job needs feathered edges or a real file output, a recolouring tool that tints the whole image or an image editor will serve better. Where the job is to replace a color in an image that is effectively one flat value, or simply to recolor an image online without installing anything, that trade-off is an easy one to accept.

How to use Color Replacer

1. Drop an image onto the upload area.
2. Set the target colour to the one you want replaced.
3. Set the replacement colour.
4. Raise the tolerance until the fringe disappears, watching for neighbouring colours being caught by mistake.

When to use Color Replacer vs related tools

Use the replacer for flat, near-uniform areas — a solid backdrop, a single logo accent — where you want to see the swap immediately. Use an image recolouring tool when the whole image should be tinted, and an editor when edges need feathering. The image recolor tool tints every pixel rather than swapping one colour, and the duotone generator flattens an image to two tones instead of hunting a match.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently asked questions about Color Replacer