# Invert Image Colors > To invert image colors, add the picture to the tool on this page. It turns every colour into its opposite straight away, black to white and blue to orange, and shows the before and after. Pick Invert colours, Grey invert or Invert lightness only, then download a PNG or JPG at full size. It's free and runs in your browser, so nothing is uploaded. URL: https://kenerateai.com/invert-image-colors Publisher: Kenerate AI (https://kenerateai.com) Last updated: 14 November 2026 ## Key facts - Cost: Free · no credits - Account: Not needed - Pictures in: JPG, PNG, WebP up to 50 MB - Ways to invert: Colours · grey · lightness only - Transparency: Kept in PNG - Download: PNG or JPG at full size, up to 40 MP - Uploads: None, inverted in your browser - Undo: Invert again to get the original back ## Steps 1. Add your picture — Choose a JPG, PNG or WebP up to 50 MB, drop it on the box at the top of this page, or paste it. 2. Choose how to invert — Invert colours makes a full negative, Grey invert makes a grey one, and Invert lightness only keeps the hues. 3. Compare — The original and the inverted picture sit side by side, so you can check before you save. 4. Download — Press Download PNG to keep transparency, or Download JPG for a smaller file on white. ## In depth ### How the three inverts work Every pixel has a red, green and blue value from 0 to 255. Each mode changes them in its own way and never touches transparency: - Invert colours: each value becomes 255 minus itself. Black (0, 0, 0) becomes white (255, 255, 255), and a pure blue becomes yellow. - Grey invert: the brightness is worked out first as 0.299 × red + 0.587 × green + 0.114 × blue, the Rec. 601 weights, then flipped. The result is grey. - Invert lightness only: only the lightness in HSL is flipped, so hue and saturation stay. Dark blue turns light blue, and pure red stays red because it already sits at the middle. ### What we tested We checked the maths in Node and ran the tool's own drawing code in Microsoft Edge on Windows on the pictures above: - The browser results matched the maths byte for byte on three pictures. - Invert colours, run twice, gave back every pixel. So did Invert lightness only, on 2,000 test colours. - On a round PNG, every clear pixel stayed clear. On the 3,230 half-clear pixels around the rim, colours were off by at most 1 level out of 255, because browsers store those pixels in a slightly rounded form. - Not tested: Safari, Firefox and phones. ### Inverting a scanned film negative Black-and-white negatives come out right with Invert colours or Grey invert. Colour negatives are printed on film with an orange base, so a straight invert looks blue. Invert first, then correct the colour balance in a photo editor. ### Inverting text and screenshots A dark-mode screenshot inverts to dark text on white, which prints well and saves ink. Coloured parts change too: blue links turn orange. If you want the colours to stay recognisable, use Invert lightness only, which keeps each hue and only swaps light and dark. ## FAQ Q: How do I invert the colors of an image? A: Add the picture to the tool at the top of this page. It's inverted straight away and shown next to the original; then press Download PNG or Download JPG. Q: Is this image inverter free? A: Yes. It uses no credits, needs no account and adds no watermark, because your own browser does the work. Q: Is my picture uploaded? A: No. The picture is opened and inverted in your browser, so it never reaches our servers. You can check in the Network tab of your browser's developer tools. Q: What does inverting colors do? A: It replaces every colour with its opposite on the colour wheel and flips light and dark: black becomes white, blue becomes orange and red becomes cyan. In numbers, each red, green and blue value becomes 255 minus itself. Q: Does inverting keep a transparent background? A: Yes, in the PNG. Clear areas stay clear and only the visible pixels change. JPG can't store transparency, so those areas turn white. Q: What's the difference between Grey invert and Invert lightness only? A: Grey invert turns the picture grey and then flips light and dark. Invert lightness only flips light and dark but keeps each colour's hue, so a dark blue becomes a light blue instead of turning orange. Q: How do I turn a negative back into a normal picture? A: Invert it again. Invert colours twice gives back every pixel exactly. A scanned colour film negative also has an orange tint, so you may need to correct the colour afterwards. Q: Does inverting lower the quality? A: No. The picture keeps its full size, up to 40 megapixels, and PNG saves every pixel exactly. JPG makes a smaller file by dropping a little detail. Q: How do I invert colors on an iPhone or Windows? A: iPhone has Smart Invert and Classic Invert under Settings, Accessibility, Display & Text Size, but they change the screen, not your photo. Windows has colour filters under Settings, Accessibility. To save an inverted file, use this tool. ## Related pages - Black and white converter: https://kenerateai.com/black-and-white-converter - Flip image: https://kenerateai.com/flip-image - Rotate image: https://kenerateai.com/rotate-image - Circle crop: https://kenerateai.com/circle-crop - Image stretcher: https://kenerateai.com/image-stretcher - Color palette from image: https://kenerateai.com/color-palette-from-image - Recolor image: https://kenerateai.com/recolor-image - Colorize photo: https://kenerateai.com/colorize-photo ## Sources - Wikipedia — Negative (photography): https://en.wikipedia.org/wiki/Negative_(photography) - Wikipedia — HSL and HSV: https://en.wikipedia.org/wiki/HSL_and_HSV - Wikipedia — Luma (video), the Rec. 601 weights: https://en.wikipedia.org/wiki/Luma_(video) - MDN — getImageData, the browser feature that reads the pixels: https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData