How to use the color converter
- Use the picker or type a HEX code.
- Copy the HEX, RGB or HSL value by tapping it.
HEX vs RGB vs HSL
- HEX — six-digit web code like
#6366f1. - RGB — red, green, blue values (0–255).
- HSL — hue, saturation, lightness — easiest for tweaking shades.
Frequently asked questions
Which format should I use in CSS?
All three work in modern CSS. HSL is handy when you want to adjust lightness or saturation.
Is it free?
Yes, completely free with no sign-up.