To convert a HEX color, enter the code such as #2563FF into the Color Converter and it shows the RGB and HSL equivalents. This helps when a design tool or CSS needs a different format.
Follow along with the free Color Converter, which runs in your browser, or browse more tools in this category.
How to use the Color Converter
- Enter a HEX color code.
- Read the RGB and HSL values.
- Copy the format you need.
- Try another color.
Worked example
#2563FF is rgb(37, 99, 255), because 25 hex is 37, 63 hex is 99 and FF hex is 255.
Tips and common mistakes
- A HEX code is three pairs of hexadecimal digits for red, green and blue.
- HSL is easier for adjusting lightness and saturation.
- Three-digit HEX like #fff expands to #ffffff.
Frequently asked questions
What does HEX stand for?
Hexadecimal, a base-16 number system.
What is HSL?
Hue, saturation and lightness, a more intuitive way to describe color.
Is it private?
Yes.