EN
My tools

Color Inverter (Invert Hex Color)

Invert HEX or RGB colors to their negative (255 − each channel), or invert only the lightness in OKLCH for dark-mode palettes. Batch list with swatches.

One color per line (HEX, rgb(), hsl() or a CSS name), up to 200.
My tools →
Advertisement

Inverting a color turns it into its photographic negative: each RGB channel becomes 255 minus its value, so white becomes black and orange becomes a blue-cyan. This tool inverts a whole list of colors at once and also offers a smarter "lightness only" inversion in OKLCH — dark becomes light but the hue stays the same — which is what you usually want when turning a light theme into a dark one.

How to use this tool

  1. Paste your colors, one per line.
  2. Read the plain inverse (255 − each channel) for each color.
  3. Use the lightness-inverted column when you need dark-mode versions with the same hue.
  4. Compare with the complementary color, and download the before/after chart.

Formula

inverse = (255 − R, 255 − G, 255 − B) · lightness inverse = OKLCH(1 − L, C, H)

The plain inverse flips both hue and lightness. The lightness inverse keeps hue and chroma and only mirrors perceived lightness; chroma is reduced if the result would leave the sRGB gamut. The complementary color (HSL hue + 180°) flips the hue but keeps the lightness.

Example

Tomato #FF6347 = rgb(255, 99, 71) inverts to rgb(0, 156, 184) = #009CB8, a teal. Its lightness inverse keeps the red hue and becomes the dark red #640000, while its complement is the light cyan #47E3FF. Mid-gray #808080 inverts to #7F7F7F — almost unchanged — but its OKLCH lightness 60% flips to 40%, giving #484848.

Frequently asked questions

Is an inverted color the same as the complementary color?

No. Inversion flips lightness as well as hue, so a light color becomes dark. The complementary color sits opposite on the color wheel at the same lightness. For pure, fully saturated colors like #FF0000 the two happen to match.

Why does inverting gray barely change it?

Inversion mirrors each channel around 127.5, so colors near the middle stay near the middle: #808080 becomes #7F7F7F.

How do I invert an image?

Use the image invert tool, which applies the same 255 − c rule to every pixel of a photo, or filter: invert(1) in CSS.

Sources

Last updated:

Cite or embed this tool
APA

kakaoCalc. (2026, November 8). Color Inverter (Invert Hex Color). https://kakao.mobile/tools/color-inverter/

MLA

“Color Inverter (Invert Hex Color).” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/color-inverter/.

Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms

Advertisement