Color converter
Convert between HEX, RGB and HSL.
- Instant
- Free
- Private (processed locally)
- No sign-up
One tool for every color format
Designers and developers constantly juggle HEX, RGB and HSL. This converter links all three: change one and the others update, with a live preview of the color.
How to use it
-
Pick a color
With the visual picker or by typing a HEX, RGB or HSL code.
-
Read all three formats
The equivalent values appear instantly.
-
Copy the code
One click on the icon copies the format you need, ready for CSS.
Perfect for building a style guide, adjusting contrast or finding the equivalent of a brand color.
Frequently asked questions
What is the difference between HEX, RGB and HSL?
HEX (#RRGGBB) and RGB describe a color by its red, green and blue components. HSL describes it by hue, saturation and lightness, which is more intuitive for tweaking a shade. All three represent the same color.
How do I convert a HEX code to RGB?
Each pair of characters in the HEX code is a hexadecimal number from 0 to 255. Example: #6366F1 → rgb(99, 102, 241). The tool does this automatically both ways.
Can I pick a color visually?
Yes. The built-in color picker instantly updates all three formats, and the preview reflects your choice in real time.
Are the codes CSS-compatible?
Yes. The output formats (#hex, rgb(), hsl()) paste directly into a stylesheet or a design tool.