HEX, RGB and HSL — what's the difference?
- HEX (e.g.
#4F46E5) — the compact format used in CSS and design tools. - RGB (e.g.
rgb(79, 70, 229)) — red, green and blue channels from 0–255. - HSL (e.g.
hsl(244, 76%, 59%)) — hue, saturation and lightness, which is intuitive for tweaking shades.
How to use it
Use the colour picker or type a HEX value. The RGB and HSL equivalents update instantly, and the copy buttons put any format on your clipboard — ready to paste into CSS, a design tool or code.
Is it private?
Yes — everything runs on your device. Nothing is uploaded.
Frequently asked questions
Can I convert HSL back to HEX?
Pick a colour or enter a HEX value and all three formats are shown together.
Does it work offline?
Yes, once the page has loaded.