Convert colors between HEX, RGB, and HSL — synced live.
About this tool
Converts a color between HEX, RGB, and HSL formats, synced live with a visual picker and preview swatch — useful when a design tool gives you one format but your CSS needs another.
Frequently asked questions
Why would I use HSL instead of HEX or RGB?
HSL separates a color's hue, saturation, and lightness into independent values, which makes it much easier to create consistent variants of a color — e.g. a lighter or more muted version — by adjusting just one number, rather than recalculating all three RGB channels.
Does this support alpha/transparency values?
Not currently — it converts between opaque HEX, RGB, and HSL only. For transparency, you'd add an alpha channel (RGBA/HSLA or an 8-digit HEX) manually to whichever format you're using in your CSS.