Color rendition chart · 24 patches · loupe

Color Converter

Type a color in any format and every other format is written out on the lab sheet. The loupe holds the color you are editing; click any of the 24 reference patches to load it.

Color rendition chart · 4 × 6Macbeth · 1976

Lab sheet

or pick one
Nearest named
Patch
Contrast on white
Contrast on black
Luminance
Text on it

One color, five notations

HEX and RGB are the same thing written twice: three channels of red, green and blue from 0 to 255, in hexadecimal or decimal. HSL and HSV describe the color the way people think about it, a hue around the wheel, a saturation and a lightness or value, which makes them the right notation for tints and shades. CMYK is the printer's subtractive model, given here as the simple conversion designers use for a first proof; a press profile will differ.

Contrast

The contrast ratios follow WCAG: 4.5:1 is the minimum for normal text, 3:1 for large text and interface parts, 7:1 for the stricter AAA level. "Text on it" says whether black or white text reads better on the color.

Why a color checker card

The 24-patch chart introduced by Macbeth in 1976 is how photographers and film crews calibrate color: skin tones, sky, foliage and a grey scale, in known values, photographed once so every shot can be corrected to them. The patches on the card above carry the published sRGB values of the classic chart, so they double as a reference palette; the loupe is the magnifier a retoucher holds over the patch being matched.

Which hex formats are accepted?

#rgb, #rrggbb and #rrggbbaa, with or without the hash. Alpha is read and ignored in the conversions.

Why does CMYK not match my print shop?

Real CMYK depends on the paper, the inks and the press profile. The values here are the plain formula (black as the smallest channel), which is what design tools show by default.

Is anything uploaded?

No. Every conversion happens in your browser.

Color checker · 24 patches · loupeAll tools
Suggest an improvement