Color Code Converter
Enter a color in HEX, RGB or HSL format and see it instantly converted to the other two, with a live color swatch preview.
One color, three formats
Different tools and codebases expect colors in different formats — a CSS file might use HEX, a design tool might display RGB, and HSL is often easier for humans to reason about (adjusting lightness or saturation directly). This converter keeps all three in sync: change any one and the others update instantly.
Frequently asked questions
Can I type RGB or HSL values directly instead of HEX?+
Yes — all three fields are editable; change the RGB or HSL numbers directly and the HEX code and swatch update to match.