Convert between HEX, RGB and HSL instantly, with a live swatch preview.
Edit any field and press Enter — the others update automatically.
HEX is the compact six-digit code most common in CSS and design tools. RGB spells out red, green and blue values directly, which is handy for code that manipulates color channels. HSL describes hue, saturation and lightness, which is often more intuitive for adjusting a shade by eye.
Yes — type or paste into any of the three fields and press Enter, and the color picker plus the other two formats update instantly.