All Tools / Converters
Color Converter
Convert between HEX, RGB and HSL, preview the color and explore harmony palettes.
How to use
- Use the color picker, or paste any supported format: #185FA5, #18a, rgb(24, 95, 165), hsl(210, 75%, 37%).
- All three formats update instantly, with a large preview swatch.
- Scroll down for automatic palettes: complementary, analogous, triadic and shades.
Frequently asked questions
When should I use HEX, RGB or HSL?
HEX is compact and works everywhere in CSS. RGB is familiar from Photoshop and Figma. HSL (hue, saturation, lightness) is the most intuitive: adjust lightness or saturation without changing hue - great for building consistent palettes.
How do I get a complementary color?
A complementary color sits opposite on the color wheel (hue + 180 degrees). This tool generates complementary, analogous and triadic palettes automatically from any input color.
Does it support 3-digit hex like #f00?
Yes. Short hex codes (#f00, #abc) are expanded automatically, and rgb()/hsl() strings are also accepted in the input box.