Pick a colour or paste a code to get HEX, RGB and HSL values instantly with a live preview swatch.
One colour in, every format out.
Pick a colour with the picker, or type a HEX value like #3366aa.
RGB and HSL values appear instantly with copy buttons.
You can also paste an rgb() value to convert back to HEX.
Check the live swatch to confirm the shade.
Built for speed, privacy and reliability — on any device.
Type one format and see the other two instantly, with one-click copy.
Pick a colour visually and every code updates at once.
A large swatch shows exactly how the colour looks before you use it.
Conversions run locally — nothing is sent anywhere.
No account, no limits.
They are three notations for the same colour: HEX uses hexadecimal pairs, RGB uses red/green/blue amounts, and HSL describes hue, saturation and lightness.
Yes — paste rgb(51, 102, 170) into the RGB field and the HEX and HSL values update instantly.
This tool converts solid colours. For transparency, add an alpha value in your CSS after converting.
No — all conversions run in your browser.
The tool works in all modern browsers including Google Chrome, Mozilla Firefox, Microsoft Edge, Safari and Opera. We recommend keeping your browser up to date for the best experience.
Step-by-step guide with screenshots and tips.
Read guide →Step-by-step guide with screenshots and tips.
Read guide →Step-by-step guide with screenshots and tips.
Read guide →Step-by-step guide with screenshots and tips.
Read guide →