Colour Format Converter
Convert a colour between web formats — HEX, RGB, HSL and modern CSS colour notations.
Colour for the web, in every notation
Modern CSS accepts colour in several notations — the familiar hex and RGB, HSL, and newer functional forms — and different tools and codebases prefer different ones. This converts a colour between these web formats, so a value from one source drops cleanly into whatever notation your stylesheet or component expects.
Enter a colour and see it in the other formats.
Alpha and the modern syntaxes
A practical reason to convert is transparency: getting an existing colour into a form that carries an alpha channel, so you can add opacity without changing the colour. The formats also differ in how readable and adjustable they are — hex is compact, HSL is easy to tweak by hand, and the newer CSS syntaxes add flexibility. Converting between them lets you write colour in whichever form is clearest for the job while matching the value exactly to a design. It complements a general colour converter with a web-and-CSS focus.
Common questions
What formats does it cover?
The web colour notations — HEX, RGB, HSL and modern CSS colour syntaxes.
How do I add transparency to a colour?
Convert it to a format that carries an alpha channel, like RGBA or HSLA, and set the opacity there.
Is anything uploaded?
No. The conversion happens in your browser.