Invert colors online - color inverter, image inverter, photo inverter.
Invert any image, photo, or picture online free. Adjustable intensity - full inversion produces a photographic negative, partial inversion shifts colors for grading effects. Works on JPG, PNG, and WebP. Live preview, no upload, no signup.
Drop your image here
JPG, PNG, or WebP
How to invert image colors online.
Upload your image
Drag a JPG, PNG, or WebP onto the drop zone. On mobile, tap to open your camera roll. You can also paste screenshots directly from the clipboard.
Set inversion intensity
Drag the slider to control how strongly colors are inverted. 100% is a full photographic negative effect. Use 25% to 50% for subtle color grading effects. Preview updates live.
Download the result
Click Download to save the inverted image at full resolution. JPG originals download as JPG, PNG as PNG. No watermark, no quality loss beyond your chosen compression level.
When color inversion is the right tool.
Photography negatives and darkroom simulation
Full 100% inversion produces a digital color negative: the exact result you would get scanning a developed C-41 color film negative before white balance correction. Film photographers use this to preview digital captures with a "shot on film" negative aesthetic. Fine art photographers processing large format film scans invert the negative to get the positive before applying their darkroom curve adjustments. The inverted result is not the same as a film emulation filter - it is the actual mathematical inverse, which is why it looks like a real negative rather than a stylized effect.
Accessibility and dark mode testing
iOS Smart Invert and Windows High Contrast Mode both apply color inversion to the display. Inverting a UI screenshot lets you preview roughly how the interface appears in those modes without needing a device with the accessibility setting enabled. Designers testing dark mode implementations invert their light-mode screens to check whether the text hierarchy and contrast ratios hold up. Partial inversion at 50% approximates the appearance under certain color blindness simulations where the visual system interprets colors differently from the typical red-green spectrum.
Design work and complementary color schemes
Brand designers use color inversion to generate the complementary color palette of an existing design. Invert a logo or brand color swatch image to instantly see what colors sit opposite each brand color on the additive color wheel. This is useful for choosing accent colors that create strong visual contrast without manually calculating complementary hues. Graphic designers processing product photos for e-commerce also use inversion to create stylized "negative" variants for sale pages, editorial features, and social posts where the inverted version is deliberately chosen as a design element rather than the primary product image.
Inverting logos and icons for dark backgrounds
A black logo on a transparent PNG background becomes a white logo after full inversion - the most common single-step logo adaptation needed when switching from a light-background to dark-background design system. This works precisely when the logo uses only black (which becomes white) and possibly a single accent color (which becomes its complement). For logos that use multiple specific brand colors, full inversion will shift those colors to their complements, which may not match the brand. In those cases, use partial inversion at 90% to 95% to get near-white text while keeping the color shift subtle enough to remain within the brand's visual range.
Color inversion - from film chemistry to pixel math.
The concept of color inversion comes from analog photography. When light hits silver halide crystals in photographic film, it causes a photochemical reaction proportional to the intensity of light. Bright areas create dense clusters of metallic silver in the developed negative; dark areas create thin, sparse silver deposits. This is why a developed negative looks like a ghostly reversal of the original scene. The inversion is not a stylistic choice in analog photography - it is a physical consequence of how light-sensitive chemistry works. Printing from a negative requires projecting light through the negative onto photosensitive paper, which re-inverts the image back to the positive. Color negatives add a layer of complexity: the C-41 process uses three color-sensitive dye layers (cyan, magenta, yellow couplers) plus an orange color mask that compensates for the spectral sensitivity differences between layers.
The math of digital color inversion
Digital inversion applies the formula new_value = 255 - original_value to each color channel independently. In an 8-bit image, each channel can hold values from 0 (none) to 255 (full). Subtracting from 255 mirrors the value across the midpoint at 127.5. A channel value of 200 becomes 55. A value of 50 becomes 205. A value of 127 becomes 128 - nearly unchanged, which is why gray areas in a photo look similar before and after inversion. The partial inversion formula used in this tool - final = original * (1 - f) + (255 - original) * f - is a linear interpolation between the original and the fully inverted value. At f=0.5 (50% intensity), a pixel at 200 becomes 200 * 0.5 + 55 * 0.5 = 127.5, right at the gray midpoint. This is why 50% inversion makes images look desaturated and flat - all channels converge toward 127.
Color theory - inverted colors as complementary colors
In additive color (light-based, like screens), the complement of a color is the color that, when mixed with it at full intensity, produces white. Red light and cyan light (red's complement) mix to produce white. Green and magenta mix to white. Blue and yellow mix to white. These complementary pairs are exactly what the 255-n inversion formula produces: the complement of red (255,0,0) is cyan (0,255,255). This is not a coincidence - the formula is derived from the definition of additive complementarity. Designers use this property when choosing accent colors: a vivid orange brand color has a blue complement that creates the maximum contrast ratio while remaining harmonically related to the original. The Hex Color Inverter applies this same formula to individual hex codes without needing a full image.
Practical applications in UI design, accessibility, and photo art
UI designers use color inversion as a quick diagnostic: if an inverted version of a screen still reads clearly - text is legible, hierarchy is obvious, interactive elements are distinguishable - it suggests the design communicates through contrast and shape rather than depending on specific color associations. Accessibility testers use it to approximate WCAG 1.4.1 (Use of Color) compliance checks. For photo art, partial inversion at 20% to 40% functions as a "push-pull" color grade that shifts the temperature of an image without desaturating it: a warm-toned portrait pushed at 25% inverts the dominant warm tones slightly toward cool while leaving the image recognizable. Combine with the Hue Changer afterward to fine-tune the resulting hue shift, or use the Monochrome Converter first to strip color before inverting for a high-contrast negative black-and-white effect.
Invert a hex code?
Find the exact complementary color of any hex code, with RGB and HSL output.
Hex Color InverterShift hue instead?
Rotate colors around the color wheel without flipping them to their complement.
Hue ChangerRemove color?
Convert to black and white before inverting for a high-contrast negative effect.
Monochrome ConverterFrequently asked questions.
How do you invert colors in an image or photo?
Upload your image using the button or drag and drop. Use the slider to set the inversion intensity - 100% gives a full color inversion (photographic negative effect), lower values give a partial inversion for color grading. Click Download to save the inverted image as JPG or PNG. The entire process runs in your browser; no file is ever sent to a server. To invert a photo on a phone, tap the upload area to open your camera roll and select a picture - it works the same way on iOS and Android.
What does inverting image colors actually do to each pixel?
Color inversion applies a simple per-channel formula: new_value = 255 - original_value. This runs independently on the red, green, and blue channels of every pixel. A pure red pixel (R:255, G:0, B:0) becomes cyan (R:0, G:255, B:255). A white pixel (R:255, G:255, B:255) becomes black (R:0, G:0, B:0). A mid-gray (R:128, G:128, B:128) stays nearly identical - it maps to (R:127, G:127, B:127), which is visually indistinguishable. The alpha (transparency) channel is left unchanged, so transparent areas in PNG images remain transparent after inversion. With this tool, the intensity slider applies partial inversion by blending the original pixel value and the fully inverted value: final = original * (1 - intensity) + (255 - original) * intensity. At 50% intensity, each channel lands exactly at its midpoint toward 255-n, creating a desaturated, flattened look because all colors shift toward the gray midpoint at 127.
What is color inversion useful for in practice?
The most common use is generating a dark-mode or light-mode version of a design asset without rebuilding it from scratch. A white logo on a transparent background becomes a black logo after full inversion - useful for swapping between light and dark brand contexts. Accessibility testing is another practical use: inverting a UI screenshot simulates how color-blind users might perceive a high-contrast inverted color scheme, or approximates how Windows High Contrast Mode or iOS Smart Invert renders the interface. In photography, full color inversion produces a digital negative - the same result as scanning a color film negative. Darkroom photographers sometimes invert a print scan to see the original positive image. Partial inversion at 25% to 50% creates subtle color shifts useful for color grading effects: 30% inversion on a warm-toned portrait pushes it noticeably cooler without fully reversing the tones.
What is the inverted color of common colors?
The inverted color of any RGB value is its complementary color - the color directly opposite it on the additive color wheel. Red (255,0,0) inverts to cyan (0,255,255). Green (0,255,0) inverts to magenta (255,0,255). Blue (0,0,255) inverts to yellow (255,255,0). White inverts to black. Orange (255,165,0) inverts to azure (0,90,255). Purple (128,0,128) inverts to chartreuse (127,255,127). These complementary pairs are why inverted images look visually coherent rather than random - the color relationships are preserved but mirrored. This is also why "invert" is not the same as "complement" in design tool terminology: Photoshop calls this operation Invert, while color theory calls the result the complementary color. For hex codes specifically, you can compute the inverted hex by subtracting each pair from FF: #FF6600 (orange) inverts to #0099FF (azure). The <a href="/hex-color-inverter/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">Hex Color Inverter</a> does this calculation instantly for any hex value.
Why does my inverted image look like a photographic negative?
Because it is one. A photographic negative is a physical object that records the inverted brightness and color of the original scene. Silver halide crystals in film darken where more light hits them, so bright areas in the scene (sky, highlights) become dark on the negative, and dark areas (shadows) remain light. The same inversion relationship applies to color: a red object in the scene exposes the red-sensitive layer of the film, producing a dense (dark) region on the red channel of the negative, which when printed or viewed inverted appears as its complementary cyan. Digital inversion of a photograph produces a result that is mathematically identical to a scanned color negative before it is color-corrected in a raw converter. This is why tools like Lightroom have a "negative" preset that does exactly what this tool does: applies a per-channel 255-n transform with a tone curve adjustment to compensate for the orange color mask that C-41 process color negatives carry.
Does partial color inversion below 100% create useful effects?
Yes. The intensity slider produces distinctly different effects at different settings. At 25% inversion, the image shifts cooler and slightly desaturated - warm tones (oranges, reds) get pushed toward neutral, and the overall color balance feels shifted without looking obviously inverted. Portrait photographers sometimes use 15% to 20% inversion as a color grading step for a "film cool" look. At 50%, the image approaches the appearance of a faded, low-contrast print - all colors move halfway to their complement, which pushes the midtones toward gray and flattens dynamic range noticeably. At 75%, the inversion is clearly visible but the image retains some relationship to the original. At 90% to 100%, the full negative effect applies. For UI design, applying 30% inversion to a screenshot is a useful way to check whether the design communicates shape and hierarchy effectively at reduced color contrast, simulating a low-vision accessibility scenario without requiring special software.
How is color inversion different from color correction or hue shifting?
Color inversion mirrors each channel value across the 127.5 midpoint. It is an absolute transform - the output depends only on the input pixel value, not on adjacent pixels or global image statistics. Hue shifting rotates pixel colors around the color wheel by a fixed angle without changing brightness or saturation: a red becomes orange at +30 degrees or magenta at -30 degrees, but the relationship between red and dark-red is preserved. Color correction adjusts white balance by scaling individual channels to neutralize a color cast - a yellow-tinted photo gets its blue channel boosted to compensate. These three operations are independent: you could invert a photo, then hue shift the result, then color correct it and each step applies a distinct mathematical transform. In Photoshop terms: Image > Adjustments > Invert is color inversion, Image > Adjustments > Hue/Saturation is hue shifting, and Image > Adjustments > Curves or Levels is color correction. The <a href="/hue-changer/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">Hue Changer</a> handles hue rotation if that is the effect you need.
Are my images processed privately when I use this tool?
Yes. This tool processes images entirely in your browser using pixel-level manipulation of an HTML5 Canvas element. Your image loads from your device into browser memory, the per-pixel inversion runs on your CPU, and the result downloads directly to your file system. No image data leaves your device at any point. Open browser developer tools (F12), switch to the Network tab, and apply the inversion - you will see zero outgoing image requests. The page initially loads approximately 165KB of JavaScript, and after that the tool operates fully offline. Closing the tab erases all image data from browser memory. This means the tool is appropriate for confidential business assets, proprietary product photography, personally identifiable images, and any file you would prefer not to route through a third-party cloud processing service. No account required, no cookies tracking your uploads, no server logs recording your file names or image content.