What does inverting image colours do?

Each colour channel (R, G, B) is subtracted from its maximum value of 255. White becomes black, black becomes white, and all intermediate colours shift to their complementary hue.

Does colour inversion affect the alpha (transparency) channel?

No. Only the R, G, and B channels are inverted. The alpha channel is left unchanged, so transparent areas remain transparent.

Can I invert an image twice to get the original back?

Yes. Applying the invert operation twice returns the image to its original colours, since (255 − (255 − x)) = x for any value x.

Image Color Inverter

Invert all colours in an image (255 − r, 255 − g, 255 − b). Side-by-side before/after preview. Download result.

Upload Image

Related Tools

B/WImage Grayscale

Convert any image to grayscale using pixel-level luminance calculation in the browser.

sepImage Sepia Filter

Apply a sepia tone filter to any image for a warm, vintage look. Preview before/after and download the result.

[#]Image Mosaic / Pixelator

Pixelate any image with an adjustable block size to create a mosaic or pixel-art effect. Download the result.

FAQ

What does inverting image colours do?: Each colour channel (R, G, B) is subtracted from its maximum value of 255. White becomes black, black becomes white, and all intermediate colours shift to their complementary hue.
Does colour inversion affect the alpha (transparency) channel?: No. Only the R, G, and B channels are inverted. The alpha channel is left unchanged, so transparent areas remain transparent.
Can I invert an image twice to get the original back?: Yes. Applying the invert operation twice returns the image to its original colours, since (255 − (255 − x)) = x for any value x.

The Image Color Inverter flips every pixel's colour to its complement by subtracting each channel from 255 (255 − R, 255 − G, 255 − B). The effect is the photographic negative of the original image. A before-and-after comparison is shown side by side so you can judge the result instantly. Processing is done entirely in your browser using getImageData / putImageData on an HTML Canvas.