Color Inverter

Invert any hex or RGB color to its opposite. Free, instant, and private.

Independently verified for accuracy

Calculator by Toolsloft ↗
Enter a color to invert

Find the inverse (negative) of a color by flipping each channel. Enter a hex code or an r, g, b triple and get the opposite color as hex. Inverting is a quick way to preview a photo negative effect or find a stark contrasting shade.

How this is calculated

Each red, green, and blue channel is subtracted from 255, which mirrors it across the middle of the 0 to 255 range, then the result is written back as a six-digit hex code. This is the standard RGB color inversion.

How to use

  1. Enter a hex code like #3366cc or an r, g, b triple like 51, 102, 204.
  2. The inverted color appears below as a hex code.
  3. Copy the inverted hex into your CSS or design tool.

Examples

  • #3366cc: #cc9933
  • 255, 0, 0: #00ffff

FAQ

Is an inverted color the same as a complementary color?
No. Inversion flips each RGB channel across 255, while a complementary color sits opposite on the color wheel (a hue rotation of 180 degrees). They often look different.
Can I enter an RGB value instead of hex?
Yes. Enter three numbers from 0 to 255, like 51, 102, 204, and the inverted color is returned as hex.

Embed this calculator

Add this free calculator to your own site. Copy the code and paste it where you want it to appear.