Creator
Color Converter
Pick or paste a colour and convert instantly between HEX, RGB, HSL and CSS formats, with a live swatch and copy-ready values for your stylesheets.
Examples
Input
#5b6cff
Output
rgb(91, 108, 255) · hsl(233, 100%, 68%)
How to use Color Converter
Choose a colour
Use the picker or paste a HEX/RGB/HSL value.
See conversions
All formats update together with a live swatch.
Copy
Copy any format for your CSS.
Why use this tool
HEX, RGB and HSL
Live colour swatch
Copy-ready CSS values
Instant
Frequently asked questions
Yes — RGBA and HSLA values include the alpha channel when present.
Discussion
Share feedback or ask a question about this tool.
Comments are stored to a moderated queue via the API.