Color Picker — HEX, RGB, HSL Online
Pick any color visually and copy values in HEX, RGB, HSL, CMYK, and CSS. Fast, free, and private — your colors never leave the browser.
Your data never leaves your browser
Tints & shades
HEX: #EC4899
RGB: rgb(236, 72, 153)
HSL: hsl(330, 81%, 60%)
OKLCH: oklch(65.6% 0.212 354.3)
CMYK: cmyk(0%, 69%, 35%, 7%)
CSS: rgb(236, 72, 153)
Tailwind: bg-[#EC4899] text-[#EC4899]
CSS var: --primary: #EC4899;
WCAG contrast
5.95:1best text: #000000
Aa on whiteAA Large
Aa on blackAA
About this tool
OKLCH + 8 formatsWCAG contrastColor historyTints & shadesPrivate
How to use
- Click the color field to open the picker.
- Choose a color.
- Copy HEX, RGB, HSL, or full list.
Examples
Pick & copy
Any color
#EC4899, rgb(...), hsl(...)