Selective Colour Inverter
Invert individual RGB channels or swap one colour range for another.
Invert One Channel, Not All Three
Inverting an image flips every channel at once, which turns a dark screenshot light but also turns every blue link orange and every green success badge magenta. Frequently that is not what was wanted — the brightness needed flipping, the hues did not.
Inverting channels one at a time gives far more control, and is how false-colour images are produced. The second pass here replaces one colour range with another, working on distance in RGB so a tolerance slider decides how much of a gradient goes with it.
Key features
- Per-channel inversion — red, green and blue independently, or all three at once.
- Colour replacement with tolerance — pick a source and a target and choose how far the match reaches.
- Alpha is preserved — transparent pixels stay transparent instead of becoming opaque black.
- Counts what changed — the number and percentage of pixels replaced, so the tolerance can be tuned by result.
- Side-by-side preview — on a chequerboard, so transparency is visible rather than assumed.
This tool runs entirely inside your browser using native Web APIs. Your files and text are never uploaded to a server, never logged and never shared with third parties.
How to use: Selective Colour Inverter
- Choose an image
PNG keeps transparency; anything the browser can open will work. - Pick the channels
Tick the channels to invert, or use the button to flip all three. - Replace a colour, optionally
Choose the colour to find and the one to put in its place, then widen the tolerance until the right pixels are caught. - Download the PNG
Always PNG, so the alpha channel survives.
Technical specifications
| Processing location | Entirely in your browser — no server round trip |
|---|---|
| Data uploaded | None. Files and text never leave your device |
| Price | Free — no account, no trial, no usage cap |
| Category | Media |
| Works offline | Yes, once the page has loaded |
| Browser support | Chrome 90+, Edge 90+, Firefox 90+, Safari 15+ |
| Interface languages | English, 中文, हिन्दी, Español, العربية |
Frequently asked questions
What is a single-channel inversion good for?
Inverting only blue turns a warm image cool and vice versa, which is a quick way to test a colour scheme. Inverting red and green but not blue produces the false-colour look used in infrared photography. And on diagrams, inverting one channel often separates overlapping lines that were hard to tell apart.
Why does the replacement catch more than I expected?
Because the match is on distance in RGB, and a colour that looks flat usually is not — a "white" background from a photograph contains hundreds of near-whites. Lower the tolerance for a precise match; raise it to catch a whole gradient.
Why does the replacement miss anti-aliased edges?
The pixels along an edge are blends between the shape and the background, so they are not close enough to either to match. Raising the tolerance catches them but risks catching more; for a clean result on text or logos, work from a source that has hard edges.
Does replacement happen before or after inversion?
Replacement first, then inversion, so the colour you type is the colour that gets found in the original image. If you want to invert first and then replace, run the image through twice.