RECOLOR

Color Replace

Pick a source color and a replacement, tune tolerance, and preview the recolored image instantly.

RECOLOR

☞ runs entirely in your browser — nothing is uploaded

Drop your image here

or click to browse — JPG, PNG, WebP

swap brand colors

Replace one color range with another

Matching happens in HSL, not RGB, and that is what makes it usable on a real image. A shirt is never one hex value — it is a few hundred shades of the same hue at different brightnesses, and an exact RGB match would catch almost none of them.

The replacement keeps each pixel close to its own lightness rather than flattening everything to the new colour. Folds, shadows and highlights survive the swap, which is the difference between a recoloured garment and a coloured-in silhouette.

four steps

How to replace a color online

01

Upload

A JPG, PNG or WebP. Flat graphics and product shots on a plain background give the cleanest result.

02

Pick the two colours

The colour to find and the colour to put in its place. Sample the source from the image itself rather than typing a brand hex — the pixel on screen is rarely the value in the style guide.

03

Tune the tolerance

It widens the hue, saturation and lightness window around your source colour at the same time. Raise it until the whole object is caught, then back off one step the moment something else starts changing.

04

Download

Export when the preview looks right. PNG keeps transparency and avoids compression artifacts along the recoloured edges.

quick answers

Color Replace FAQ

Why did nearby colours change too?

Tolerance widens the window in all three HSL dimensions at once, so raising it to catch a dark fold also catches a nearby object of a similar hue. Lower it and accept a partial match, or crop the object out first.

Why is part of the object still the old colour?

Those pixels fall outside the window — usually the darkest shadows, where saturation drops away and the hue stops being reliable. Raise tolerance a little, or run the tool twice with the shadow tone as the second source colour.

Can I replace a colour with an exact match only?

Not quite. Even at the lowest tolerance the window keeps a small margin, because 8-bit images and JPG compression mean an area that looks uniform never actually is.

Does it work on photographs?

Best on flat graphics, logos and studio product shots. Photographs with soft gradients and mixed lighting need a wide tolerance, and a wide tolerance is exactly what starts catching the background.

What happens to transparent areas?

Fully transparent pixels are skipped, so a PNG cut-out keeps its edges. Partially transparent pixels are treated as normal pixels.

Why does the new colour look darker than the swatch I picked?

Because each pixel keeps most of its original lightness and only shifts partway toward the target. That is deliberate — it preserves shading. Pick a lighter target colour if the result comes out too dark overall.

Are files uploaded?

No. Recolouring runs locally on a canvas.

Is this free?

Yes — free with no watermark.