How does color inversion work?

Color inversion takes each RGB component and subtracts it from 255. For example, a color with RGB (100, 150, 200) becomes (155, 105, 55). This produces the exact complementary opposite color. Black (#000000) becomes white (#FFFFFF) and vice versa.

Is color inversion the same as complementary colors?

Color inversion (RGB subtraction from 255) is similar but not identical to traditional complementary colors from color theory. Complementary colors are based on the color wheel (e.g., red and green), while inversion is a mathematical operation on RGB values. For primary colors, they often match.

Can I invert colors of an entire image instead?

Yes! This tool inverts individual color codes. To invert all colors in an image, use our image color inverter tool which applies the same math to every pixel in your photo.

Invert Color Hex Online

Use this free hex color inverter to find the opposite color of any color code. Enter a hex value, get the exact inverted RGB and hex output, and copy the result for CSS, palettes, branding systems, and design handoff.

Original Color

RGB

HSV

HSL

HEX

Inverted Color

RGB

HSV

HSL

HEX#ff9933

Formula: (0, 102, 204) → (255−0, 255−102, 255−204) = (255, 153, 51)

What Is a Hex Color Inverter?

A hex color inverter calculates the exact opposite of one color by subtracting each RGB value from 255. Enter a hex code and instantly see the inverted color for palettes, tokens, UI systems, CSS variables, and design references without uploading an image.

Any Color, Any Format

Invert color codes using the visual picker or by typing hex directly. See both hex and RGB output for the exact opposite color value.

Precise RGB Math

Each RGB component is subtracted from 255. Color (R, G, B) becomes (255-R, 255-G, 255-B) — the mathematically exact complementary opposite.

Instant Results

Invert color values in real time as you type or pick. There is no file processing step, so the result updates immediately.

One-Click Copy

Copy hex values to your clipboard instantly. Paste directly into CSS, Figma, Sketch, or any design tool.

100% Client-Side

All calculations happen in your browser. No data is sent to any server — your color values stay completely private.

Works Everywhere

Invert color on desktop, tablet, or mobile. No app needed — works in any browser.

Common Color Inversions Reference Table

Quick reference for commonly searched inverted colors. Each value is inverted by subtracting its red, green, and blue channels from 255.

Original Color	Hex	→	Inverted Color	Hex
Red	#FF0000	→	Cyan	#00FFFF
Green	#00FF00	→	Magenta	#FF00FF
Blue	#0000FF	→	Yellow	#FFFF00
Black	#000000	→	White	#FFFFFF
White	#FFFFFF	→	Black	#000000
Orange	#FFA500	→	Blue	#005AFF
Purple	#800080	→	Green	#7FFF7F
Brown	#8B4513	→	Sky Blue	#74BAEC
Pink	#FFC0CB	→	Teal	#003F34
Yellow	#FFFF00	→	Blue	#0000FF
Cyan	#00FFFF	→	Red	#FF0000
Magenta	#FF00FF	→	Green	#00FF00

Need to Invert Colors in an Image?

✓Use our image inverter when the main task is reversing a full photo
✓Invert PNG files with transparency using our PNG color inverter
✓Create film-style negatives with our negative photo filter

Instantly Find Any Color's Opposite

Enter any hex code or use the color picker and our color inverter instantly calculates the complementary opposite. Invert color values with precision — each RGB component is subtracted from 255 to produce the mathematically exact inverse.

Invert a Color

Before

After

Essential for Designers and Developers

Use our hex color inverter for accessibility testing, dark mode palette creation, and finding complementary colors for UI design. Invert color codes to quickly generate contrasting color schemes that meet WCAG guidelines.

Before

After

One-Click Copy for Your Workflow

Copy inverted hex values to your clipboard with a single click. Paste directly into CSS, Figma, Sketch, or any design tool. Our color inverter shows both hex and RGB formats for maximum compatibility.

Before

After

Common Color Inversions at a Glance

Quick reference for frequently searched color inversions:

Red (#FF0000) → Cyan (#00FFFF)
Green (#00FF00) → Magenta (#FF00FF)
Blue (#0000FF) → Yellow (#FFFF00)
Black (#000000) → White (#FFFFFF)
Orange (#FFA500) → Blue (#005AFF)

Want to invert colors in an entire image? Try our color inverter for images.

Try Color Inverter

Before

After

FAQ

Hex Color Inverter FAQ

Learn how color inversion works, how to invert a hex color, and what common inverted colors are.

What is the inverted color of red?

The inverted color of red (#FF0000) is cyan (#00FFFF). Color inversion subtracts each RGB component from 255, so red (255,0,0) becomes (0,255,255) which is cyan.

What is the inverted color of green?

The inverted color of green (#00FF00) is magenta (#FF00FF). Green (0,255,0) inverts to (255,0,255) which is magenta — its complementary opposite on the color wheel.

What is the inverted color of blue?

The inverted color of blue (#0000FF) is yellow (#FFFF00). Blue (0,0,255) inverts to (255,255,0) which is yellow.

How do I invert a hex color?

Enter a hex color such as #8B4513. The tool converts it to RGB, subtracts each channel from 255, and returns the inverted hex color. For #8B4513, the inverted result is #74BAEC.

What is the inverted color of brown?

Brown (#8B4513) inverts to a sky blue (#74BAEC). The RGB values (139, 69, 19) become (116, 186, 236), producing a light blue tone — the mathematical opposite of brown.

Can I invert colors of an entire image?

This page is for one color value at a time. If you want to reverse every pixel in a full photo, screenshot, logo, or PNG, use the image inverter on the homepage instead.

Invert Any Hex Color Online

Find the opposite of any hex color instantly with a free color inverter and one-click copy.

Also Try Our Other Image Tools

Explore our collection of free, easy-to-use image editing tools. No signup required, instant results!

Image Inverter

Invert colors for creative photo effects

Color Inverter

Reverse complementary colors in any image

Invert PNG Colors

Invert PNG while preserving transparency

Invert JPG Colors

Create photo negatives from any JPG image

Invert WebP Colors

Invert modern WebP images with alpha support

Flip Image

Mirror images horizontally or vertically

Embroidery Pattern Prep

Prepare patterns for tracing and transfers

Darken Image

Adjust brightness to create moody effects

Lighten Image

Brighten photos and enhance visibility

Image Brightness

Adjust photo brightness from -100 to +100

Image Saturation

Saturate or desaturate colors instantly

Split Image

Create grid splits for social media posts

Circle Crop

Create perfect circular images for avatars

Grayscale Image

Convert photos to beautiful grayscale

Black & White Filter

Apply professional B&W photo effects

Blur Image

Add blur effects for privacy or style

Pixelate Image

Create pixel art and mosaic effects

Dither Image

Apply retro dithering with 2-64 color control

Sepia Filter

Add warm vintage sepia tones to photos

Negative Image

Create film-style photo negative effects

Film Negative to Positive

Restore positive photos from scanned film negatives

Dark Mode Image

Adapt screenshots and logos for dark backgrounds

Image Contrast

Adjust and increase photo contrast

Vignette Effect

Add edge shading with custom color control

Image Resolution Converter

Change image dimensions by exact pixels

Add Noise to Image

Apply grain and film noise with fine control

Posterize Image

Apply posterization effect with level control

Solarize Image

Create partial negative effects by threshold

Duotone Effect

Map shadows and highlights to two colors

Halftone Effect

Create print-style dot pattern images

Hue Changer

Shift image hue from -180° to +180°

Threshold Image

Convert to pure black & white by threshold

Color Swap Image

Replace specific colors with tolerance

Image Color Picker

Pick colors from any image pixel

Sharpen Image

Enhance photo clarity and fix soft focus

Emboss Image

Add raised or engraved relief effects