Invert a Color Online — Free
Runs 100% in your browser — your files never leave your device.
Inverting a color flips each RGB channel to 255 minus its value, giving you the photographic negative of any shade. It is a quick way to find a striking accent, sanity-check contrast, or derive a dark-mode counterpart worth testing. Paste a color and its inverse appears instantly in all three formats.
How it works
- 1
Paste a color
Enter any HEX, RGB, or HSL value — or pick one with the visual color picker.
- 2
See the inverse
The channel-wise opposite renders side by side with your original.
- 3
Copy the result
Copy the inverted color as HEX, RGB, or HSL with one click.
About this tool
How color inversion works
Inversion subtracts each RGB channel from its maximum, so every color becomes its opposite: white turns black, red turns cyan. The result is the mathematical complement of the input — the color that differs from it as strongly as possible.
When to reach for it
Build a dark-mode counterpart of a brand color, generate a guaranteed-contrast accent for a button or badge, or check which opposite actually looks right before committing to a curated palette. Inversion is also a fast fallback when an overlay needs to contrast with whatever sits beneath it.
Tips for the best result
Pure inversion guarantees difference, not harmony — inverted brand colors can look radioactive. If the result clashes, the complementary color tool rotates around the wheel instead of flipping channels, which often lands closer to a usable accent.
Frequently asked questions
Is inverted color the same as complementary color?
No — inversion flips the RGB channels; complementary rotation moves 180 degrees around the hue wheel. They land on different colors for most inputs, and the complementary version usually harmonizes better in designs.
Does inversion work on HSL values?
Paste HSL and the tool converts internally, inverts in RGB space, and shows the result in all formats — the inversion itself is defined on the RGB channels.
Why does my inverted color look so intense?
Inversion maximizes difference, so muted inputs often come out saturated. Tone the result with the saturation tool if you need it calmer.