Use the color picker, or edit any of the HEX, RGB, or HSL fields directly — the other two and the swatch update automatically.
All tools/Web & CSS
Color Converter
Convert colors between HEX, RGB, and HSL.
How this works & FAQ
How do I convert HEX to RGB or HSL?
Type or paste a HEX color into the HEX field above — the RGB and HSL fields and the color swatch update instantly. It works the other way too: edit RGB or HSL and the rest follow.
What is a hex color calculator used for?
It converts a hexadecimal color code (like #4f46e5) to its RGB and HSL equivalents, which is useful when a design tool gives you one format but your CSS or code needs another.
Can I use this to pick a CSS color value?
Yes — use the color picker to visually choose a color, then copy whichever format (HEX, RGB, or HSL) your CSS needs.