Color Picker

Pick any colour and instantly get HEX, RGB, HSL, and CMYK values. Check WCAG contrast ratios for accessibility and generate colour harmony palettes.

#3B82F6

#

R

G

B

H°

S%

L%

C%

M%

Y%

K%

Sample Text — The quick brown fox

Background colour

Ratio: —

About the Color Picker

This free online colour picker converts between colour formats and helps you choose accessible colour combinations for web design and development.

Features

Pick any colour using the native browser colour picker
Instant conversion between HEX, RGB, HSL, and CMYK
WCAG 2.1 contrast ratio checker — AA and AAA compliance for normal and large text
Colour harmony palette generator — complementary, triadic, analogous, split-complementary, tetradic, and shades
Click any palette swatch to set it as the active colour
Copy HEX or all CSS values to clipboard

WCAG contrast levels

AA Normal (4.5:1) — minimum for normal-sized body text
AA Large (3:1) — minimum for large text (18pt+ or 14pt+ bold)
AAA Normal (7:1) — enhanced contrast for normal text