HEX ↔ RGB Converter
Convert a colour between HEX, RGB and HSL. Use the picker or type any value and see the others update instantly, with a live swatch.
Your data is processed locally in your browser and is never uploaded to our server.
How to use hex ↔ rgb converter
- Choose a colour
Use the colour picker or type a HEX, RGB or HSL value.
- See all formats
The other formats update automatically to match.
- Copy what you need
Select any field's value to use it in your CSS or design tool.
Features
Three formats
Convert freely between HEX, RGB and HSL.
Live swatch
A large preview shows the exact colour as you type.
Two-way editing
Edit any field and the rest recalculate instantly.
Frequently asked questions
What's the difference between RGB and HSL?
RGB mixes red, green and blue channels. HSL describes hue, saturation and lightness, which many people find easier to tweak.
Can I use 3-digit HEX codes?
Yes — shorthand like #0c8 is expanded automatically to its 6-digit form.
Does it support alpha/transparency?
This converter focuses on solid colours across HEX, RGB and HSL. For transparency, add an alpha value in your CSS.