Convert colors, HEX ⇄ RGB ⇄ HSL
Paste any CSS color, get every format.
No uploads. No accounts. Runs in your browser.
Loading tool...
About this tool
Paste a color in any common CSS form, #2563EB, rgb(37, 99, 235), hsl(221, 83%, 53%), and get all the others instantly, with a live swatch so you can see what you're working with. Shorthand hex and alpha channels are understood.
Handy when a design tool hands you HSL but your stylesheet wants hex, or you need rgb() components for an rgba() overlay. Runs entirely client-side.
How it works
- Paste your input, or drop a text file onto the box.
- The output updates live as you type.
- Copy it to the clipboard, or download it as a file.