Color Converter (HEX, RGB, HSL)
Pick a color or type a HEX code to instantly get its RGB and HSL values. Copy whichever format you need.
About this color converter
Designers and developers constantly switch between color formats. This tool lets you pick a color or paste a HEX code and instantly see its RGB and HSL equivalents, each ready to copy into your CSS or design software. It’s a fast way to grab the exact value you need.
How to use it
- Use the color picker, or type a HEX code.
- See the matching RGB and HSL values.
- Click “Copy” on the format you want.
Frequently asked questions
What’s the difference between HEX, RGB and HSL?
They’re three ways of describing the same color. HEX (#4f46e5) is common in web design, RGB sets red/green/blue levels, and HSL uses hue, saturation and lightness, which is intuitive for adjusting colors.
Can I type a HEX code directly?
Yes. Enter a 3- or 6-digit HEX code (with or without the #) and the RGB and HSL values update instantly.
Can I copy the values?
Yes — each format has a copy button so you can paste it straight into your CSS or design tool.
Is it private?
Yes, the conversion runs entirely in your browser.
Related tools
Browse more developer tools →