Color Tools

Pick a colour and read it as HEX, RGB, HSL and CMYK, convert HEX to RGB and back, and check text/background contrast against WCAG AA and AAA.

Updated

4 tools Runs in your browser Free, no sign-up
Quick answer

Pick a colour and read it as HEX, RGB, HSL and CMYK, convert between HEX and RGB, and test text against its background. The contrast checker uses the WCAG 2 ratios: 4.5:1 for normal text and 3:1 for large text at level AA.

Source: WCAG 2.2: Contrast (Minimum) (W3C)

PopularHot

Color Picker

Pick a colour with the swatch or type a hex code, and read it back as HEX, RGB, HSL and CMYK side by side. Your browser does every conversion.

ColorOpen Tool
Popular

HEX to RGB Converter

Turn a hex color into its red, green and blue numbers and the CSS rgb() string, exactly.

ColorOpen Tool

RGB to HEX Converter

Pack red, green and blue numbers into the compact #RRGGBB hex code the web runs on.

ColorOpen Tool
Editor's Pick

Contrast Checker

Check whether your text and background colours have enough contrast to read, with a pass or fail at each WCAG accessibility level.

ColorOpen Tool

About our Color Tools

These colour utilities are for designers and front-end developers. The picker shows every common format at once, the converters go from HEX to RGB and back exactly, and the contrast checker uses the WCAG 2 luminance formula to tell you whether text is readable.

You can use all 4 without an account. To jump to one, type part of its name in the filter box above.