Color Converter & Picker
Pick a color and convert between HEX, RGB and HSL instantly, with a live swatch. Runs entirely in your browser.
HEX
RGB
HSL
How it works
1
Pick or type a color
Use the color picker, or type a HEX, RGB or HSL value into any field.
2
See every format
The other formats update instantly, along with a live colour swatch.
3
Adjust precisely
Edit the RGB or HSL numbers directly to fine-tune the shade.
4
Copy
Copy the format you need straight into your CSS or design tool.
Frequently Asked Questions
HEX (#rrggbb), RGB (rgb(r, g, b)) and HSL (hsl(h, s%, l%)) — edit any one and the others follow.
Yes — 3-digit HEX like #abc is expanded automatically.
No — all conversion happens in your browser.
Convert colors between HEX, RGB and HSL online for free. Pick a color with the eyedropper-style picker or type any value, and the other formats update instantly with a live preview swatch. Editing the RGB or HSL numbers lets you fine-tune a shade exactly. It is perfect for CSS, design systems and matching brand colors, and it runs entirely in your browser so it is fast and private.