HEX ↔ RGB ↔ HSL Converter
Convert colors between HEX, RGB and HSL instantly.
How to use this tool
Type any format
Enter a HEX code, RGB values or HSL values — whichever you have.
See it convert live
The other formats update as you type, with a live color preview.
Copy what you need
One click copies HEX, RGB or HSL straight into your CSS or design tool.
Frequently asked questions
What's the difference between HEX, RGB and HSL?
They describe the same color three ways: HEX is a 6-digit code (#7C3AED) common in CSS; RGB gives the red/green/blue channel values (0–255); HSL describes hue, saturation and lightness, which is more intuitive when tweaking colors.
Does 3-digit HEX shorthand work?
Yes — #F53 expands to #FF5533 automatically, just like in CSS.
Are conversions exact?
HEX ↔ RGB is exact. HSL involves rounding to whole numbers, so converting back and forth may shift a value by 1 — visually identical.
Is my data uploaded?
No. All conversion happens in your browser with plain JavaScript. Nothing leaves your device.
Can I use these values in CSS?
Yes — copy any format and paste it directly into your stylesheet. Every output is valid CSS.