Invert Image Colors

How to invert image colors

When would you actually use this?

Good question. More often than you think, honestly. The most common practical use is dark mode work. If you have a UI screenshot or a design asset that looks great on white but you need to see how it holds up on a dark background, inverting gives you a fast approximation without rebuilding anything. It is not perfect, but it is instant.

Accessibility testing is another big one. Inversion is basically what high-contrast mode does on Windows and macOS for users with visual impairments. If your inverted image still reads clearly, it is a good sign the contrast and layout hold up in extreme viewing conditions.

Old film photographers will recognize this immediately. Film negatives are literally inverted images. Scan a black and white negative, drop it here, invert it, and you get the positive back. Colour negatives need one more step because of their orange base, which the questions below explain.

The math behind it (it is simpler than you expect)

Each pixel in an image has three color channels: red, green, and blue. Each channel is a number from 0 to 255. Zero means none of that color, 255 means full intensity. A pure red pixel is 255, 0, 0. A mid-gray pixel is 128, 128, 128.

To invert, you subtract each value from 255. So 255 becomes 0, 0 becomes 255, 128 stays 128 (roughly). A bright red pixel becomes a dark cyan pixel. A pure white pixel becomes pure black. That is the whole operation. It runs on every pixel in your image and takes about a millisecond in your browser.

The creative applications are genuinely fun. Inverted portraits look like something from a sci-fi film. Inverted landscapes turn a blue sky orange and brown earth blue, which looks like a completely different planet. Inverting a black logo gives you a white one for dark backgrounds, but a coloured logo swaps every hue for its opposite, so brand colours still need fixing by hand.

One thing inversion does not do: it does not change brightness perception. A photo that is too dark will still be too dark after inversion, just with flipped colors. If you want to fix exposure, you need a different tool.

Partial inversion and the grey point

The blend slider mixes the original with its inverse. Each channel is calculated as the original value plus the difference to its opposite, scaled by the slider. That gives the slider a curious property worth knowing about.

At exactly 50 percent, a black pixel and a white pixel both land on the same grey, because each is halfway to its opposite. It is the one setting that shows nothing at all, and it explains why values near the middle look so flat.

Inverting an image is not your phone's invert setting

Phones and computers have accessibility settings that invert the colours of the whole screen. They change what you see, not the file, and they behave differently from inverting an image here.

• iPhone: Settings, Accessibility, Display and Text Size, then Smart Invert or Classic Invert. Smart Invert leaves photos and media alone, so a photo will not appear inverted with it on.
• Windows: Settings, Accessibility, Color filters, then Inverted.
• Mac: System Settings, Accessibility, Display, then Invert colours.

If you want an inverted copy of a picture to keep or share, inverting the file here is the way. If you want easier reading on a bright screen, the system setting is the better tool.

Film negatives need more than invert

Scanning an old colour negative and inverting it usually produces a strong blue cast rather than a natural photo. Colour negative film has an orange base layer, and a plain inversion turns that orange into blue. We explain the cause, measure the effect on three common film stocks, and show the proper correction in our guide to inverting image colors.

Black and white negatives have no orange layer, so for those a straight inversion here works well.

FAQ