SerenDeveloper tool · Free
Colour Converter: HEX, RGB and HSL
Enter a colour in HEX, RGB or HSL and get the other formats instantly, with a live swatch so you can see exactly what you are converting. Perfect for moving colours between design tools and CSS.
Converts freely between 3, 6 and 8-digit HEX, RGB and RGBA, and HSL and HSLA, including transparency (alpha). Everything runs in your browser, nothing is uploaded.
How to use it
- 1Type or paste a colour in any format (for example #2faa72)
- 2Check the live swatch
- 3Copy the format you need
Private by design
This tool runs completely in your browser. Nothing you type, paste or drop here is uploaded to any server, which makes it safe for confidential text and files. It is built by the team behind Seren, the AI workspace that treats your data the same way.
See what Seren can do→Frequently asked questions
Which formats are supported?+
HEX (3, 6 and 8 digit), RGB and RGBA, and HSL and HSLA, converting freely between all of them.
What is HSL good for?+
HSL separates hue, saturation and lightness, which makes it easy to build tints and shades of the same colour, ideal for design systems.
Does it handle transparency?+
Yes. Alpha values convert between 8-digit HEX, RGBA and HSLA.
Need more than a converter?
Seren puts GPT, Claude, Gemini and more behind one chat, with images, agents and translation. The Free plan takes two minutes to try.
Free plan included. No credit card required.