RECOLOR
☞ runs entirely in your browser — nothing is uploadedDrop your image here
or click to browse — JPG, PNG, WebP
Preview
RECOLOR
Pick a source color and a replacement, tune tolerance, and preview the recolored image instantly.
or click to browse — JPG, PNG, WebP
Preview
swap brand colors
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
A JPG, PNG or WebP. Flat graphics and product shots on a plain background give the cleanest result.
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.
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.
Export when the preview looks right. PNG keeps transparency and avoids compression artifacts along the recoloured edges.
quick answers
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.
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.
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.
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.
Fully transparent pixels are skipped, so a PNG cut-out keeps its edges. Partially transparent pixels are treated as normal pixels.
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.
No. Recolouring runs locally on a canvas.
Yes — free with no watermark.