This tool will convert any color you enter into either Hex, RGB, HSL or HSV. You'll also be able to generate matching color schemes such as triadic, tetradic, split complementary, complementary, analogous and monochromatic colors. Each color will also visually show you how the selected color looks with CSS border, CSS background and font color.



Enter any color value, color name, Hex, RGB, HSL or HSV.

Color Conversion

Hex:
RGB:
RGB %:
HSL:
HSV:
Name:
Color
Shade Lighter
Shade Darker

in action

Font color

Some text to see color!

color: ;
Border Color

 

border: 2px solid ;
Background Color

 

background-color: ;

Color Schemes

Triadic Color
Tetradic Color
Split Complementary Color
Complementary Color
Monochromatic Color
Analogous Color