Fast · Client-side · Privacy-friendly

Color Picker & Converter

Convert colors between HEX, RGB, HSL and CMYK. Generate shades, check WCAG contrast. Everything runs in your browser.

#3B82F6
Click to open color picker
Presets
HEX
RGB
r
g
b
HSL
H
S%
L%
CSS formats
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76%, 47%, 0%, 4%)
Shades & tints
Contrast ratio (WCAG)
Sample text
White text on your color
5.71:1
AA ✓AAA ✗
Sample text
Black text on your color
3.68:1
AA ✗AAA ✗

Color Picker & Converter — HEX, RGB, HSL, CMYK

Pick any color visually and instantly see its value in HEX, RGB, HSL and CMYK formats. Generates a full range of shades and checks WCAG contrast ratios.

What is WCAG contrast ratio?

WCAG defines minimum contrast ratios to ensure readability for people with visual impairments. A ratio of at least 4.5:1 is required for AA compliance, and 7:1 for AAA.