Instantly find the opposite of any color. Enter a HEX, RGB, or HSL value, choose a color, and get its inverted color with all the color codes you need.
Try a preset color
HEX
#3498DB
HEX
#CB6724
Copy the color codes in your preferred format.
RGB
rgb(52, 152, 219)
HSL
hsl(204, 70%, 53%)
HSV
hsv(204, 76%, 86%)
RGB
rgb(203, 103, 36)
HSL
hsl(24, 70%, 47%)
HSV
hsv(24, 82%, 80%)
Each RGB channel is subtracted from 255 to calculate its opposite value. The process is applied separately to red, green, and blue.
Ever wondered what a color looks like when its appearance is completely reversed? An invert color tool lets you find out in seconds. It creates the opposite of a selected color by reversing its red, green, and blue (RGB) values. For example, white becomes black, while pure red turns into cyan.
This can be handy when experimenting with graphic designs, illustrations, icons, backgrounds, or website elements. Simply enter a HEX, RGB, or HSL value, or choose a color with the color picker. Toolsten calculates the inverted result and displays it in several color formats so you can copy the value you need.
Find the inverted version of a color without calculating individual RGB values yourself.
Enter HEX, RGB, or HSL and view the result in HEX, RGB, HSL, and HSV formats.
See both color previews side by side to understand how the inversion changes the appearance.
Experiment with different colors, copy their codes, and create new variations directly in your browser.
Type a HEX, RGB, or HSL color code into the input field.
You can also use the color picker to select a color instead of entering its code.
Check the original and inverted color previews to compare the results.
Copy the HEX, RGB, HSL, or HSV value for your design or development project.
Use the swap button to make the inverted color your new starting color and explore another result.
A digital RGB color is made up of three channels: red, green, and blue. Each channel has a value between 0 and 255. To invert a color, the tool subtracts each original channel value from 255. The resulting values are then combined to create the inverted color.
Original
#FF0000
Inverted
#00FFFF
Red (255, 0, 0) becomes cyan (0, 255, 255) after each RGB channel is reversed.
Sometimes a design needs a different look, but choosing a new color from scratch can take time. Inverting an existing color gives you another option to experiment with. It can help when creating negative effects, testing visual variations, or exploring contrasting colors for creative projects.
Experiment with reversed colors for illustrations, posters, icons, and other visual designs.
Explore alternative color values when working with CSS, website elements, and interface designs.
Create negative-style effects and experiment with different color appearances in digital art.
Quickly explore the opposite RGB values of a color without doing the calculations manually.
Test inverted color variations for icons, backgrounds, and other graphic elements.
See how reversing RGB channels changes a color and compare the results with the original.