Color Converter
Convert colors between HEX, RGB and HSL in real-time. Preview, copy CSS code and explore complementary colors.
#22C55E
#DD3AA1
Opposite on the color wheel
100%
75%
50%
25%
color: #22C55E;color: rgb(34, 197, 94);color: hsl(142, 71%, 45%);Click to pick any color visually
What is HEX?
HEX is a six-digit hexadecimal notation for colors used in CSS and design tools. Each pair of digits represents red, green and blue intensity from 00 to FF.
What is RGB?
RGB defines colors by mixing Red, Green and Blue channels, each from 0 to 255. It is the standard model for screens and digital displays.
What is HSL?
HSL stands for Hue, Saturation and Lightness. It is often more intuitive than RGB for choosing colors because it separates chromatic tone from brightness.