Color Picker — Free
Pick any color and get its HEX, RGB, HSL, and CSS values instantly. Copy any format with one click.
#6366F1
HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
RGBA
rgba(99, 102, 241, 1)
HSLA
hsla(239, 84%, 67%, 1)
CSS var
--color: #6366F1;
WCAG Contrast
vs White
4.47:1AA Large
vs Black
4.70:1AA ✓
🎯
6 formats
HEX, RGB, HSL, RGBA, HSLA, CSS variable — copy any with one click.
♿
WCAG contrast
See the contrast ratio against white and black and whether it passes WCAG AA.
🎨
Quick presets
15 preset swatches for quick access. Type any HEX directly in the input field.