Convert colors between HEX, RGB, and HSL formats, with a live color preview.
How to Use the Color Converter
Select the format your color value is currently in (HEX, RGB, or HSL).
Enter the color value, e.g. #3366ff — or use the color picker to choose one visually instead.
Click "Convert" to see it in all three formats, with a live color preview swatch.
Frequently Asked Questions
It converts between HEX (#rrggbb), RGB (rgb(r, g, b)), and HSL (hsl(h, s%, l%)) — the three most common color formats used in web design and CSS.
Yes, shorthand hex codes like #36f are automatically expanded to their full 6-digit form (#3366ff) before conversion.
Hue (0-360°) is the color's position on the color wheel, Saturation (0-100%) is how vivid the color is, and Lightness (0-100%) is how light or dark it is.
Yes, it's completely free and requires no sign-up.