Color Picker
Pick any color and get its value in HEX, RGB, HSL, and CMYK. Copy any format with one click.
R59
G130
B246
#3B82F6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76%, 47%, 0%, 4%)
CSS Variable
--color: #3b82f6;
FAQ
What color formats are supported?
HEX (#3b82f6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)), and CMYK. Also generates CSS variable syntax.
Can I enter a HEX code directly?
Yes. Type or paste a HEX color code in the input field and the picker updates to match.
How do I copy a color value?
Click the Copy button next to any format. The value is copied to your clipboard instantly.
Is this tool free?
Yes, completely free. No signup, no ads. Everything runs in your browser.