Color Converter
Convert HEX, RGB, HSL and CMYK.
Loading tool…
How to use Color Converter
Type a color in any notation, or pick one with the color picker.
Copy the HEX, RGB, HSL or CMYK value you need for your stylesheet.
Check the contrast ratio against white and black for accessible text.
Frequently Asked Questions
Which formats can I paste?
Three, four, six and eight digit hex, rgb() and rgba(), hsl() and hsla() in comma or space syntax, and the common CSS color names.
What does the contrast ratio tell me?
It is the WCAG measure of legibility. Body text needs at least 4.5:1 against its background, and large text at least 3:1.
Is CMYK exact for printing?
It is a straightforward mathematical conversion, which is fine as a starting point. Accurate print work needs a color profile for the specific press and paper.
Related tools
Looking for something else? Browse all developer tools.