Color Converter
Enter a color as HEX, RGB, or HSL and watch the other two update.
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)Hex
Channels
37
99
235
Hue, saturation, lightness
221°
83%
53%
Common questions
When should I use HSL instead of HEX?+
When you are building variations. HSL separates hue from saturation and lightness, so a hover state or a darker shade is one number away rather than a guess at new hex digits.