Color Converter
Pick a color or type one in HEX, RGB or HSL and get every format, plus contrast.
How to use the color converter
- Use the color picker or type a color value.
- Read the HEX, RGB and HSL values.
- Click a value to copy it as CSS.
Frequently asked questions
How do I convert HEX to RGB?
Split the 6-digit HEX code into three pairs and convert each from base 16 to base 10. #4F46E5 becomes rgb(79, 70, 229).
What is HSL?
HSL describes a color by hue (0 to 360 degrees on the color wheel), saturation and lightness in percent. It is easier for humans to tweak than RGB.
Can I type a color in any format?
Yes. Type HEX (#abc or #aabbcc), rgb(...) or hsl(...) in the input and the other formats update automatically.
What is the contrast value?
It is the WCAG contrast ratio against white and black text. 4.5:1 or more is needed for normal body text to be readable.