Image Color Swap — Replace or Key Out a Colour
Click a colour in an image, set a tolerance, and either recolour every matching pixel or key it out to transparency; lossless PNG by default.
🔒 Your image is recoloured entirely in your browser — it is never uploaded.
Drop an image here or click to choose
Replace or remove a colour
Drop in a logo, sprite, icon or photo, then click the colour you want to change. Image Color Swap finds every pixel within a tolerance of that colour and either repaints it to a new colour or keys it out to full transparency — ideal for recolouring a flat logo, retinting an icon, or dropping a solid background so the subject sits on transparency. Everything runs on a canvas in your browser, so the image is never uploaded.
Tolerance and clean edges
The tolerance slider sets how close a pixel must be to the picked colour — measured as straight-line (Euclidean) distance in RGB — to be swapped. A low tolerance changes only near-exact matches; raising it also catches the softer, anti-aliased pixels around edges and gradients. Tick “Show the match in black and white” to see exactly what is caught — white is replaced, black is kept, grey is the softened edge — and raise “Remove colour spill” to pull the picked colour’s cast back off the pixels that stay, so a green-screen subject loses its green fringe. “Copy image” puts the result on the clipboard as a PNG instead of downloading it. Export a PNG so both transparency and colours are preserved losslessly.
Frequently asked questions
How do I make one colour transparent?
Click the colour on the image (or set it with the picker), turn on the Transparent toggle, raise the tolerance until the whole area drops out, then download the PNG. Matching pixels have their alpha set to 0 while every other pixel is left untouched.
What does the tolerance slider do?
It sets how far a pixel’s colour can be from the one you picked and still be swapped, measured as straight-line distance in RGB. Zero swaps only exact matches; higher values also catch nearby shades and anti-aliased edges.
Is my image uploaded anywhere?
No. The image is drawn to a canvas and recoloured entirely in your browser — it never leaves your device.
Can I save as JPEG or WebP, or keep the shading of the recoloured area?
Yes. The result can be saved as PNG, JPEG or WebP with a quality setting, the edge where the changed area meets the rest can be smoothed, and an option keeps the dark and light shading while the colour changes.
Can I see exactly what will be changed, or clean up a green-screen fringe?
Yes. Tick “Show the match in black and white” and the preview shows the selection itself — white is replaced, black is kept, grey is the softened edge — worked out the same way as the result, so the mask cannot disagree with it. “Remove colour spill” then pulls the picked colour’s cast back off every pixel that is not wholly replaced; when the picked colour has no channel that stands out there is no cast to remove, and the slider is disabled.
Can I keep part of the picture that matches, or change a part that does not?
Yes. Choose “Brush: always replace” or “Brush: always keep” beside the picker and drag over the picture: what the replace brush covers is changed whatever its colour, and what the keep brush covers stays exactly as it was, with no spill removal either — so a green shirt in front of a green screen can be kept. The brush size is set in pixels of the full picture, the preview, the black-and-white view and the download all follow the strokes, “Undo” takes back the last stroke and “Clear brush” removes them all. A new picture starts with none.
Can I paste a screenshot instead of saving it as a file first?
Yes. Copy a picture — a screenshot, or an image copied from an image app — and press Ctrl+V (⌘V on a Mac) anywhere on the page, without clicking the drop area first. It is taken in exactly as a dropped or chosen file would be, under the same size limit.