Home › File & PDF Tools › Invert Image Colors
Invert Image Colors
This free invert image colors tool turns any picture into its photographic negative right in your browser. Upload a photo, screenshot, or logo, and every color flips to its opposite — white becomes black, red becomes cyan, blue becomes yellow — with a side-by-side preview of the original and the inverted version. Move the invert amount slider for a partial effect, then download the result as a PNG. Your image never leaves your device.
Works with PNG, JPEG, WebP, GIF, BMP, and other image formats your browser can open. Everything runs on your own device — nothing is uploaded.
How it works
Every color on a screen is stored as three numbers: red, green, and blue, each from 0 to 255. White is (255, 255, 255) because all three channels are at full strength; black is (0, 0, 0) because they are all off. Pure red is (255, 0, 0), pure green is (0, 255, 0), and pure blue is (0, 0, 255). Inverting a picture means replacing each of those three numbers with 255 minus itself. A pixel of (200, 100, 50) becomes (55, 155, 205). White (255, 255, 255) becomes black (0, 0, 0), red (255, 0, 0) becomes cyan (0, 255, 255), and a mid-grey like (128, 128, 128) becomes (127, 127, 127) — almost the same grey. That is why inverted photos look like old film negatives: bright skies go dark, dark shadows go bright, and every hue lands on its opposite side of the color wheel.
Inverted green = 255 − original green
Inverted blue = 255 − original blue
Transparency (alpha) is left unchanged
The tool reads your image onto a canvas in the browser, then walks through the picture pixel by pixel and applies that formula to the red, green, and blue channel of each one. The fourth channel, alpha, which controls transparency, is left untouched, so a logo with a see-through background keeps its see-through areas exactly as they were. Nothing is resized and no pixels are moved: the inverted picture has exactly the same width, height, and proportions as the original, so it drops straight back into whatever document or design you took it from.
The invert amount slider lets you stop partway. At 100 percent you get the full negative; at 0 percent the picture is unchanged; at 50 percent each pixel lands halfway between its original color and its inverted color, which washes the picture out into a pale, low-contrast version. That middle ground is useful when you want the inverted look but softer, for example a dark background image for text, where a full inversion would be too harsh. Moving the slider updates the preview instantly, so you can watch the picture change and stop where it looks right.
Before doing any of that, the tool checks that your file really is an image. It looks at the file type the browser reports and, for safety, at the first bytes of the file for the known signatures of PNG, JPEG, GIF, WebP, and BMP files. A PDF, a text file, or a spreadsheet renamed to end in .png fails that check and is turned away with a plain message, instead of a broken result. Files that pass are drawn onto the canvas, inverted, and shown side by side with the original so you can compare before downloading.
The download is a PNG, because PNG stores every pixel exactly and supports transparency — a JPEG would blur the sharp edges of a logo and cannot be transparent. The file is named from the file name box, with "-inverted" added, so a picture called photo.png downloads as photo-inverted.png unless you change the name. The whole job runs on your own computer: the image is never uploaded, never queued, and never stored anywhere else, which means it works with no internet connection once the page has loaded, and private photos stay private.
Worked example
A teacher has a simple diagram saved as diagram.png, 400 × 300 pixels, with black text on a white background. She wants a version with white text on a black background for a slide shown in a dark room.
Step 1: She drops diagram.png onto the tool. It checks the file, reads it, and shows the original on the left: black (0, 0, 0) text on white (255, 255, 255).
Step 2: She keeps the invert amount at 100 percent and presses Invert colors.
Step 3: The preview on the right shows the negative: the white background has become black (0, 0, 0), and the black text has become white (255, 255, 255). A red arrow in the diagram, (255, 0, 0), has become cyan (0, 255, 255).
Step 4: She presses Download inverted PNG and saves diagram-inverted.png.
The result is a 400 × 300 pixel PNG with exactly the same layout, every color flipped to its opposite — black text now white on a black background. That is exactly what the tool produces for this image.
FAQ
What does invert image colors mean?
Inverting image colors flips every pixel to its opposite on the color scale, turning the picture into a photographic negative. White becomes black, black becomes white, and every color becomes its complement: red becomes cyan, green becomes magenta, and blue becomes yellow. Mathematically, each red, green, and blue value is replaced by 255 minus itself — a pixel of (200, 100, 50) becomes (55, 155, 205).
Which image formats can I invert?
Any common image format works: PNG, JPEG, JPG, WebP, GIF, BMP, and SVG files that your browser can open. The inverted result is always downloaded as a PNG, which keeps every pixel exact. If you pick a file that is not an image at all — a PDF, a text file, or a spreadsheet — the tool shows a friendly message and asks you to choose an image instead.
Does inverting change the size of my image?
No. Inverting only changes the color of each pixel, so the picture keeps exactly the same width, height, and proportions. The file size of the downloaded PNG may differ from the original, because PNG compression depends on the picture content, but the image itself is the same size in pixels.
Can I invert only part of the image?
Use the invert amount slider. At 100 percent the picture is fully inverted, at 0 percent it is unchanged, and at 50 percent each pixel is halfway between its original color and its inverted color, which gives a faded, washed-out look. For a partial inversion of one area only, crop or split the image first with an image editor, invert the piece here, and put the pieces back together.
Are my images uploaded anywhere?
No. Your image is read, inverted, and downloaded entirely in your browser using JavaScript running on your own device. Nothing is uploaded to any server, so photos, screenshots, and private pictures stay on your computer, and the tool works with no internet connection once the page has loaded.