Color Picker
Pick colors visually and get HEX and RGB values instantly. Copy values with one click.
HEX
#6366F1RGB
rgb(99, 102, 241)HSL
hsl(239, 84%, 67%)How to color picker
- 1
Open Palette
Pick colors visually from the color palette or canvas wheel.
- 2
Upload Reference
Upload any image file to extract colors from specific pixels.
- 3
Copy Values
Select and copy color codes in HEX, RGB, HSL, HSV, or CMYK formats.
About the Color Picker
Designers and developers usually don't need to remember a color's exact code — they need to sample it from somewhere it already exists, like a reference image, a competitor's site, or a mockup, and get back a value in whatever format the current project uses: HEX for CSS, RGB for canvas/design tools, sometimes both at once.
This tool gives you a visual color-selection interface and instantly outputs the corresponding HEX and RGB values with a one-click copy, which is the fastest path from 'I like this shade' to a usable value in a stylesheet or design file, without needing a full design application open just to sample one color.
Frequently Asked Questions
How do I pick a color?
Use the color input to select a color visually, or type a HEX code directly in the input field.
Can I copy the values?
Yes, click the copy button next to any value to copy it to your clipboard.
Is this tool free?
Yes, the color picker runs entirely in your browser and is completely free.