Color Converter — HEX · RGB · HSL

Every color on the web can be written three common ways: HEX (#1e90ff) — compact and universal in design tools; RGB (rgb(30, 144, 255)) — the raw red/green/blue channels, handy when you need alpha or programmatic manipulation; and HSL (hsl(210, 100%, 56%)) — hue, saturation and lightness, by far the most intuitive format for adjusting a color by hand.

Type or paste a color in any of the three formats and the other two update instantly, alongside a large live swatch. A native color picker is built in, so you can also start visually and grab the code afterwards. Shorthand hex (#fff), uppercase, lowercase and whitespace variations are all parsed correctly.

Reach for this when you are translating a designer's HEX values into the HSL your CSS custom properties use, lightening a brand color for a hover state, checking what an rgb() value from a screenshot picker actually looks like, or building a consistent palette. Conversion happens entirely in your browser with exact math — no uploads, no accounts, no limits.