Image Invert Colors

About this tool

The Image Invert Colors tool turns any photo into a color or grayscale negative. Each pixel's red, green, and blue channels are subtracted from 255, producing the classic film-negative look — bright skies turn dark, skin tones become teal-cyan, and white text becomes black. Switch to grayscale mode to invert only the luminance, producing a black-and-white negative ideal for line-art tracing or printing layout. The intensity slider lets you blend partway between the original and the inverted version, useful for stylized graphic-design effects. The whole pipeline uses raw canvas pixel manipulation in your browser, so it's fast and private. Save the result as PNG (lossless) or JPG (compact).

Why use it

• Two modes — RGB invert for film-negative aesthetics, grayscale invert for B/W negatives.

• Adjustable intensity lets you blend stylized partial inversions, not just full negatives.

• Pure pixel-level processing produces precise, repeatable results.

• PNG and JPG export options cover both archival and share-ready needs.

• 100% browser-based — your photo never uploads to a server.

• No watermark, no sign-up, no quality cap on input or output.

How to use

1. Upload your image with the file picker or drag-and-drop.
2. Choose Color invert (RGB) or Grayscale invert depending on the effect you want.
3. Adjust the Intensity slider from 0% (original) to 100% (full inversion).
4. Preview updates instantly on the canvas as you change the slider or mode.
5. Click Download PNG for lossless output or Download JPG for smaller files.
6. Refresh and re-upload to start over with a different image.

When it helps

• When making a film-negative aesthetic for a music video thumbnail or band poster.
• When inverting a screenshot for a dark-theme demo or design mockup.
• When creating a B/W negative from a sketch for tracing or layout reference.
• When generating a stylized 'photo-negative' graphic for editorial or art use.
• When checking whether a logo design works with inverted colors before deciding on a dark theme variant.
• When turning a digital scan of a film negative into a positive with a single 100% color invert.

Examples

Tips

• Avoid 50% intensity in Color invert mode — every pixel lands on the same mid-gray. Try 20–35% for a faded low-contrast look or 65–80% for a soft negative.
• Grayscale mode preserves any luminance contrast, making it ideal for line art or maps.
• Save as PNG when the inverted image will be used in further editing — JPG can introduce subtle color shifts.
• Pair with the Threshold tool for a high-contrast inverted B/W look.
• If the inversion looks 'wrong' on skin tones, that's the classic teal/orange film-negative effect — it's accurate.

Frequently Asked Questions

Glossary

Color inversion

Subtracting each RGB channel from 255, producing the photographic negative of the original image.

Luminance

The perceived brightness of a pixel, computed as a weighted sum of red, green, and blue (typically 0.299R + 0.587G + 0.114B).

Film negative

The classic look of unprocessed photographic film — skin tones appear teal, skies appear orange, white becomes black.

Pixel manipulation

Direct read/write access to image pixel data via Canvas's ImageData API, bypassing higher-level filters.

RGB channel

One of the three color components (red, green, or blue) that combine to produce a pixel's full color.

Intensity blend

Linear interpolation between original and inverted pixel values, controlled by a slider from 0 to 1.