Nothing uploaded
Pick a colour from an image
Click or tap any spot in a photo, logo or screenshot to get its colour as HEX, RGB, HSL and CMYK, with a magnifier for precise picks. See the image’s main colours, and how readable each one is on white and on black.
or drop it anywhere on this page
Files stay on this device. Nothing is uploaded.
Image
Click or tap the image to pick a colour; the magnifier shows the pixels around the point. With a keyboard, select the image, move the crosshair with the arrow keys (add Shift for bigger steps) and press Enter to pick.
Main colours in this image
Your colours
The colours you pick are listed here and kept in this browser.
Done
Did this save you time? DigiTools is free, with no ads and no sign-up. Leave a tip (opens in a new tab) to help keep it that way.
Tell others what you think: review DigiTools on Trustpilot (opens in a new tab).
How to pick a colour from an image
- Choose an image, or drop it onto the page.
- Click or tap the colour you want; the magnifier helps you hit the right pixel. With a keyboard, use the arrow keys and Enter.
- Copy its code, or select Download colours for a list of every colour you picked.
Questions
Is my image uploaded anywhere?
No. Your browser reads the image on this device, and it’s never sent to a server. The colours you pick are kept in this browser only, so they’re still there next time.
Which colour codes do I get?
HEX (such as #1F6FEB) for websites and design apps, RGB and HSL as CSS writes them, and CMYK. CMYK is an approximation: printers convert colours with their own profiles, so check colours that matter in print with your printer.
What do the contrast numbers mean?
They show how readable text in that colour would be on a white or a black background, by the Web Content Accessibility Guidelines (WCAG). 4.5:1 or more passes level AA for normal text, 3:1 is enough only for large or bold text, and 7:1 passes the stricter AAA.
Why do nearby pixels give slightly different colours?
Photos are made of pixels that each differ a little, and JPG compression adds noise. Set Sample size to 3 × 3 or 5 × 5 to get the average of the pixels around the point instead.
How are the main colours found?
A small copy of the image is sorted into its most common colours (k-means clustering), so the same image always gives the same palette. Select one to see its codes and contrast.