Developer tools
Color converter
Pick a colour and convert it between HEX, RGB and HSL, with a live preview.
Colour Converter
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
How to use Color converter
- Pick a colour.
- Read its HEX, RGB and HSL values with the live preview.
- Copy the value your tool or stylesheet needs.
A good use for this
Moving a colour between design tools, stylesheets, and documents that each want a different format.
Limits
The same HEX value can look slightly different on different screens, because screens are not calibrated alike — for print or brand work, check a physical proof.