Color converter

Pick a colour or type it in any format (HEX, RGB, HSL or CMYK) and instantly get its value in the others, ready to paste into your CSS. We also show whether it is readable on white and on black.

Color formats

HEX (#RRGGBB) is the most common format on the web: three pairs of hexadecimal digits with the amount of red, green and blue, from 00 to FF. RGB says the same in decimal, from 0 to 255. HSL describes a colour by its hue (0-360°), saturation and lightness as percentages, which makes it easy to create lighter or darker variants of the same colour.

CMYK (cyan, magenta, yellow and black) is the printing model. Converting from RGB is approximate: for accurate printing you need the printer's colour profile.

Contrast and accessibility

The WCAG accessibility guidelines require a minimum contrast between text and background so that people with low vision can read it: 4.5:1 for normal text at level AA and 7:1 at level AAA (3:1 and 4.5:1 for large text). Contrast ranges from 1:1 (same colour) to 21:1 (black on white).