Color Converter
Convert a color value between HEX, RGB, and HSL formats, useful for developers and designers working across tools that expect different formats.
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)About the Color Converter
A color converter converts a color value between HEX, RGB, and HSL formats, useful for developers and designers working across different tools that expect different formats.
How to use
1
Enter a color value in HEX, RGB, or HSL format.
2
View the equivalent value in the other two formats.
3
Copy whichever format you need.
Frequently asked questions
What's the difference between RGB and HSL?
RGB defines a color by its red, green, and blue components, while HSL defines it by hue, saturation, and lightness, which can be more intuitive for adjusting a color's shade or brightness.
Which format should I use in my CSS?
All three are valid in modern CSS, so the choice often comes down to which one your design tool provides or which is easier for you to adjust manually.
Related tools
Explore more tools in the Developer category.