How to use Color Converter
- Type or paste a color such as #2563eb, rgb(37, 99, 235), hsl(220, 83%, 53%) or tomato.
- Read the converted values.
- Copy the format you need.
About this tool
The converter understands 3, 4, 6 and 8-digit HEX codes, rgb() and hsl() functions and all 147 CSS color names. Alpha values in 8-digit HEX are ignored, since the conversions describe the opaque color.
Results are rounded to whole numbers, which is how they are normally written in CSS.
Frequently Asked Questions
- How do I convert HEX to RGB by hand?
- Split the six digits into three pairs and convert each from base 16 to decimal. #2563eb becomes 37, 99, 235.
- Why do two tools give slightly different HSL values?
- Rounding differs. HSL is mathematically exact but shown to whole numbers.
Related tools
- HEX to RGB ConverterTurn a HEX color code into red, green and blue values.
- RGB to HEX ConverterTurn red, green and blue values into a HEX color code.
- Color PickerChoose a color and copy its code in every common format.
- Color Contrast CheckerTest whether your text and background colors are readable for everyone.
- Color Palette GeneratorBuild a harmonious palette starting from a single color.
- Color WheelSee where your color sits on the wheel and how its harmonies relate.