Replace a Colour in an Image
Choose a colour to find and a colour to put in its place. Everything else stays exactly as it was. Tolerance decides how close a match has to be.
Free preview · No signup · ~10 seconds
Drop your images here
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
How one colour is swapped for another
Surgical, not global
Only pixels matching the colour you name are changed. A logo with three brand colours can have one of them updated while the other two are left untouched, which is what makes this the right tool for a brand refresh.
Tolerance in Lab space
Matching happens in Lab colour space, which measures difference the way the eye perceives it rather than by raw RGB numbers. Tolerance sets how far a pixel can sit from your chosen colour and still count as a match.
Flat graphics versus photographs
Flat artwork swaps cleanly because its colours really are uniform. A photograph will not, because the same red shirt spans hundreds of values under different light. Widen the tolerance for photos and expect a patchier result.
Handling the edges
Anti-aliased edges are a blend of the shape and whatever sits behind it, so they are never the exact colour you picked. A moderate tolerance catches most of them. If a rim of the old colour survives, raise it slightly rather than running the tool twice.
Transparency is untouched
The alpha channel is not part of the match, so transparent areas stay transparent and the silhouette of a cut-out graphic is unchanged.
How to replace a colour in an image
Upload your image
Drop in a PNG, JPG, WebP, or SVG, or click to browse. Flat-colour artwork gives the cleanest swaps.
Set From and To
Pick the colour you want to find and the colour to replace it with, then tune tolerance until the swap covers the whole area without spilling into neighbouring colours.
Download
Take a free preview, or download the full-resolution file with one credit.
Where swapping a colour helps
Brand refreshes
Update one colour across a logo and its assets without reopening the source files.
Theme variants
Produce a second colourway of an icon or illustration to match a different page theme.
Product colourways
Show the same flat product illustration in several colours from one master file.
Icon sets
Recolour a whole icon family to a new accent colour one file at a time.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Change a Logo Color in Figma (4 Methods, Step by Step)
A complete guide to recoloring a logo in Figma — the Fill row, the Selection colors panel that swaps one hex everywhere at once, the clipped-rectangle trick for placed PNGs, and why the export panel has no WebP.
How to Make a Vector Logo (and When You Actually Need One)
What vector really means, the three honest routes from where you are now, when auto-tracing works, and how to check the result is genuinely vector.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
Replace a colour in your image
Upload, choose from and to, and download the recoloured file.