Color picker and contrast checker

Runs on your device · nothing is uploaded
HEX
RGB
HSL
HSV
CMYK
OKLCH

HSL, HSV and CMYK in percent. OKLCH lightness in percent. CMYK is a plain formula, not a print profile, so ask your printer for exact values.

.contrast ratio (1 to 21)

Large text: 24 px, or 18.5 px bold

Normal body text needs the higher ratio. The quick brown fox jumps over the lazy dog.

Ratios follow WCAG 2.2. AA is the usual legal and accessibility target: 4.5 for normal text, 3 for large text and for icons, borders and controls.

Base color, shared with Convert. Click any swatch to copy it.

Tints (toward white)

Shades (toward black)

Drop an image hereor click to choose one. It stays on your device.