Three ways to write the same colour
HEX (#2DD4BF), RGB (45, 212, 191) and HSL (172, 66%, 50%) are three notations for the same colour. Designers and developers move between them constantly — HEX for CSS, RGB for image tools, HSL for tweaking lightness. Edit any field and the others update live, with a swatch so you can see the result.
Private by design. Conversion runs in your browser; nothing is uploaded.
Frequently asked questions
Does it support 3-digit HEX?
Yes. Shorthand like #0af is expanded automatically to the full six-digit form.
What is HSL good for?
HSL (hue, saturation, lightness) makes it easy to create lighter or darker shades of a colour by changing only the lightness value.
Is my data uploaded?
No. The conversion is entirely local to your browser.
More free tools
Colour tools: Color Picker, Color Palette Generator, CSS Gradient Generator · See all Alienated Tools.