Color Converter
Convert a color between HEX, RGB, and HSL formats with a live swatch preview. Paste any format and get the others instantly — handy for CSS and design tokens.
#c89b5crgb(200, 155, 92)hsl(35, 50%, 57%)About Color Converter
CSS lets you write colors as HEX (#3b82f6), RGB (rgb(59 130 246)), or HSL (hsl(217 91% 60%)), and different tools prefer different formats. This converter accepts any of the three, shows a live swatch, and gives you the equivalent in every format so you can copy whichever your stylesheet or design token system needs.
Frequently asked questions
What does HSL give me that HEX doesn't?+
HSL (hue, saturation, lightness) makes it intuitive to tweak a color — nudge lightness for a tint or shade, or rotate hue — which is awkward with HEX.
Does it support alpha / transparency?+
This converter focuses on opaque colors across HEX, RGB, and HSL. For transparency, append an alpha channel in your CSS (e.g. rgb(59 130 246 / 50%)).
Why does my HEX round to slightly different RGB?+
HEX and RGB map exactly, but HSL involves rounding hue and percentages, so converting HEX → HSL → HEX can shift by a digit. Convert from your source format when precision matters.