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.
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
- Paste your colors, one per line.
- Read the plain inverse (255 − each channel) for each color.
- Use the lightness-inverted column when you need dark-mode versions with the same hue.
- 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:
Page address with these inputs: https://kakao.mobile/tools/color-inverter/
Cite or embed this tool
kakaoCalc. (2026, November 8). Color Inverter (Invert Hex Color). https://kakao.mobile/tools/color-inverter/
“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