Color Converter
Convert colors between HEX, RGB, and HSL formats with live preview
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)How to Use Color Converter
Convert colors between HEX, RGB, and HSL formats instantly. Great for web development, CSS styling, and design work.
- 1
Enter a color value
Type a HEX code (e.g. #3b82f6), RGB values, or HSL values in any of the input fields.
- 2
See all formats
The tool instantly converts and displays the color in all three formats: HEX, RGB, and HSL.
- 3
Preview the color
A large color swatch shows exactly what the color looks like.
- 4
Copy any format
Click Copy next to any format to grab the value for your CSS, design tool, or code.
Frequently Asked Questions
What is a HEX color?
A HEX color is a 6-digit hexadecimal representation of a color (e.g. #FF5733), commonly used in HTML and CSS.
What is the difference between RGB and HSL?
RGB defines colors by Red, Green, Blue intensity (0-255). HSL defines colors by Hue (0-360), Saturation (0-100%), and Lightness (0-100%), which is more intuitive for adjusting colors.
How do I convert HEX to RGB?
Enter a HEX value in the HEX field and the RGB values will appear instantly. Each pair of hex digits converts to a 0-255 value.
Is this tool free?
Yes, completely free with no signup required. All conversion happens in your browser.