Advanced Color Picker
Pick any color from your screen using the Eyedropper, generate harmonious palettes, and get instant HEX, RGB, HSL, and CMYK values.
Recent Colors
Color Formats
Color Palettes
How to Use Color Picker
Choose a colour, or pick one straight from your screen, and get every code you need — HEX, RGB, HSL and CMYK — plus palettes that match.
Choose a Colour
Use the colour box, or click "Pick from Screen" to grab a colour anywhere on your screen (Chrome and Edge).
Copy the Code
Copy HEX, RGB, HSL or CMYK with one click.
Find Matching Colours
See complementary, analogous and triadic palettes.
Eyedropper
Pick from screen
Formats
HEX · RGB · HSL · CMYK
Palettes
3 colour rules
Contrast
White vs black text
Privacy
Runs in your browser
Price
100% free
What Can You Use It For?
Popular ways people use Color Picker.
Web Design
Get exact CSS colour codes.
CMYK values for printers.
Match a Photo or Logo
Grab a colour from an image on screen.
Readable Text
Check if white or black text is easier to read.
Tips for the Best Result
- The screen eyedropper works in Chrome, Edge and Opera on computers.
- CMYK values are a guide — ask your printer for their colour profile.
- For readable buttons, pick the text colour the contrast preview suggests.
Frequently Asked Questions
Quick answers about Color Picker.
Click "Pick from Screen", then click anywhere. It works in Chrome, Edge and Opera on desktop.
Phone browsers don't support picking from the screen yet. Use the colour box instead.
They describe the same colour in two ways: #FF0000 is the same as rgb(255, 0, 0).
Printing. Screens use RGB; printers use CMYK inks.
Yes, in your own browser on this device.
Yes.
Related Free Tools
Ready to Use Color Picker?
Scroll up and get your result in seconds. 100% free, no sign-up needed.
Start Now