What is a HEX ↔ RGB ↔ HSL Converter?
CSS speaks HEX, design tools export RGB, and HSL is the format humans can actually reason about (hue, saturation, lightness).
Paste any of the three; get all three plus a swatch, live.
How to use the HEX ↔ RGB ↔ HSL Converter
- Paste a color in any format (#3b5bd0, rgb(…), hsl(…)).
- Read the other formats.
- Copy what your tool needs.
Frequently asked questions
Why prefer HSL when designing?
Because “same hue, 10% darker” is a one-number change in HSL — in HEX it is three coupled changes.
Is 3-digit HEX valid?
Yes — #fff expands to #ffffff (each digit doubles).
What about alpha (transparency)?
This converts opaque colors; append alpha in your CSS as rgba()/hsla() or 8-digit hex.
Are conversions exact?
HEX↔RGB is exact. HSL is rounded to whole numbers, which can shift a re-conversion by ±1 in RGB.