Invert Colors

Enter a colour and instantly see its inverted equivalent — the colour you get by subtracting each RGB channel from 255. Shows a before/after swatch with HEX and RGB values for both.

Last updated: May 29, 2026

Colour to invert

Enter a HEX code or pick a colour to see its inverted equivalent (255 − R, 255 − G, 255 − B).

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is Invert Colors?

Colour inversion works by subtracting each RGB channel value from 255: inverted R = 255 − R, inverted G = 255 − G, inverted B = 255 − B. The result is the complementary colour on the RGB colour wheel — what you see when you look at the negative of a photograph.

Inversion is used in design for creating dark-mode colour variants, generating contrast pairs, building negative-image effects, and exploring complementary palettes.

How to Use Invert Colors

Enter a HEX code or use the colour picker

The inverted colour appears instantly with HEX and RGB values

Copy either colour for use in your project

Common Use Cases

Dark mode designers generating an inverted colour for testing negative/dark variants.
CSS developers finding the complementary colour for a border or shadow.
Graphic designers creating negative image effects or contrast-maximising colour pairs.
Accessibility reviewers checking the visual opposite of a brand colour.

Example Input and Output

Inverting a blue to find its RGB negative.

Original colour

#3B82F6

Inverted colour

#C47D09

RGB vs HSL inversion

This tool does RGB channel inversion (255−value). For hue-based complementary colours, use the Color Converter tool and shift the hue by 180°.

Browser-side only

All processing runs locally in your browser.

Frequently Asked Questions

Is inversion the same as complementary colour?

RGB inversion (255−channel) is not the same as the HSL complementary (H+180°). Inversion gives the mathematical negative; the HSL complement gives the opposite hue on the colour wheel.

What happens when I invert white or black?

Inverting white (#FFFFFF) gives black (#000000) and vice versa, since 255−255=0 and 255−0=255.

Is my data sent to a server?

No. All processing runs in your browser.