Invert Image Colors

This tool inverts an image's colors — the photographic negative — directly in your browser. Every visible pixel's color is replaced by its opposite: black becomes white, red becomes cyan, dark becomes light and light becomes dark. It is for making a negative, turning a dark scan or a white-on-black logo into a printable black-on-white version, checking how a design looks in the opposite theme, or just making an inverted picture. The file is never uploaded to a server.

Keeping transparency is the default. Only the pixels you can see are inverted: a pixel with any opacity has its red, green and blue values flipped, while a fully transparent pixel is left exactly as it was, so a PNG's transparent background stays transparent and nothing hidden behind it changes. Turn "Keep transparency" off for a full invert of every pixel, including the hidden red, green and blue stored under fully transparent areas. In both cases the alpha channel — the transparency itself — is never touched. That is deliberate: inverting the alpha channel is the bug that makes transparent areas turn solid, and it is why the pixels are rewritten here in JavaScript rather than with the canvas filter feature, so the result is the same in every browser.

The result is saved in the format you choose. PNG output is lossless — the inverted pixels are encoded without further compression loss, so for an ordinary opaque image the result is an exact negative. The pixels are rebuilt on a canvas first, so a photo's hidden colour under fully transparent areas is discarded and semi-transparent pixels can shift by a step. JPG and WebP cannot be lossless — the image is decoded, inverted and re-encoded — so the saved file is re-compressed at the quality you set (92 by default) and is no longer an exact inverse. JPG has no transparency at all, so when you save as JPG any transparent areas are filled with the background color you pick (white by default); that background is painted after the inversion, so it is saved as the color you chose rather than its negative. With "Same as input", PNG, JPG and WebP keep their format; GIF, BMP and AVIF cannot be re-encoded by a browser canvas, so those are saved as PNG, and an animated file keeps only its first frame.

How it works: your browser decodes each image (a phone photo is turned upright using its EXIF orientation), draws it onto a canvas at full size, and this tool rewrites the red, green and blue values of every pixel in JavaScript on the raw pixel data — 255 minus each channel. The canvas is then re-encoded and offered as a download. Because the picture is redrawn on a canvas, EXIF metadata — camera, date and GPS location — is not copied into the result, which is a privacy gain in itself.

Limits: up to 50 images at a time, 50 MB each, and about 100 megapixels (16,384 px per side). iPhones and iPads allow a canvas of only about 16.7 megapixels, so a very large photo may fail there with a message saying so. Your images stay on your device: the Network tab in your browser's developer tools shows no request carrying them.

1. The file's size is checked (50 MB) before it is read, and its first bytes confirm it is PNG, JPG, WebP, GIF, BMP or AVIF; the browser decodes it upright. 2. The image is drawn onto a canvas at full size and its RGBA pixels are read. 3. Each pixel's red, green and blue values are replaced by their inverse: R → 255 − R, G → 255 − G, B → 255 − B. 4. The alpha channel is never changed. With "Keep transparency" on, a pixel whose alpha is 0 is skipped entirely; with it off, every pixel is inverted, including the hidden color under full transparency. 5. For JPG output only, the pixels are then composited onto the chosen background color (white by default) and made fully opaque, because JPG cannot store transparency. The background is applied after the inversion, so it is not inverted. 6. The pixels are written back, the canvas is encoded, and the file is named like photo-inverted.jpg or logo-inverted.png.