Image Color Picker
Point at a picture to get its colours as HEX, RGB, HSL and CMYK, and a palette of its main colours.
Works in your browser. Your picture is never uploaded.
or drop it anywhere in this box, or paste one with Ctrl+V
JPG, PNG, WebP, GIF, AVIF, BMP or SVG. It never leaves your device.
Image Color Picker at a glance
- Price
- Free
- Uploads
- None, the picture stays on your device
- Sign-up
- Not needed
- Opens
- JPG, PNG, WebP, GIF, AVIF, BMP, SVG
- Gives
- HEX, RGB, HSL, CMYK
- Also
- Palette of 4 to 10 colours
How to use Image Color Picker
- Open the pictureChoose it, drop it on the box, or paste a screenshot with Ctrl+V.
- Point and pickMove over the picture to see the magnifier, then click or tap to pick a colour.
- Copy the codeCopy the HEX, RGB, HSL or CMYK code, or the whole palette of the picture.
Open or paste a picture and point at it: a magnifier shows the pixels underneath, and a click or tap picks the colour, with its HEX, RGB, HSL and CMYK codes ready to copy. Pick as many as you like; each is kept in a list. Average 3 × 3 or 5 × 5 pixels for photos. Below, the picture's palette shows its 4 to 10 main colours with how much of the picture each covers, ready to copy as HEX codes or CSS. In Chrome and Edge you can also pick from anywhere on your screen.
How it works
Image Color Picker is a web page that does its work on your own device. The file you choose is opened by your browser, changed there and saved from there; it is never sent to a server, so there is no copy of it anywhere to delete, no queue and no waiting for an upload. Most online tools of this kind send your file to their servers and work on it there, and many keep it for a while. This one does not. There is no account, no watermark and no limit on how often you use it, and the result downloads the moment it is ready.
Straight to one job
Picking a colour from a picture
Open a photo, a screenshot, a logo or a design, then point at it: a magnifier shows the pixels under the pointer and the colour panel follows along. Click, or lift your finger on a phone, to pick. Each pick is added to the list so you can gather a set of colours and copy them one at a time. A single pixel can be misleading in a photo, where noise and texture make neighbouring pixels differ, so choose a 3 × 3 or 5 × 5 average to get the colour the eye sees.
The colour codes
| Code | Example | Used for |
|---|---|---|
| HEX | #1D4ED8 | Websites, design apps, brand guides |
| RGB | rgb(29, 78, 216) | CSS, screen design, most software |
| HSL | hsl(224, 76%, 48%) | CSS, making lighter or darker shades |
| CMYK | 87%, 64%, 0%, 15% | A starting point for print |
The CMYK figures come from a simple formula, not from a printing profile. Real presses, papers and inks each have their own profile, and a printer's software will give different numbers for the same colour. Use them as a starting point and ask your printer, or use the Color Converter for more formats and contrast checks.
The palette
The palette groups every pixel of a smaller copy of the picture into the number of colours you choose, then shows each group's average colour and how much of the picture it covers. Large plain areas such as sky or a background come first; choose more colours to bring out smaller accents. Copy the HEX codes for a design app, or copy them as CSS variables for a website.
Pick from your screen
In Chrome, Edge and other browsers built on the same engine, a button lets you pick a colour from anywhere on your screen, including other windows, without opening a file. Other browsers do not offer this yet, so the button does not appear there.
What it does
- Magnifier over the picture, click or tap to pick
- HEX, RGB, HSL and CMYK, each one tap to copy
- 1 pixel, 3 × 3 or 5 × 5 average
- A list of every colour you picked
- Palette of 4 to 10 main colours with their share
- Copy the palette as HEX codes or CSS variables
- Paste a screenshot with Ctrl+V
- Pick from anywhere on your screen in Chrome and Edge
Questions
How do I find the HEX code of a colour in an image?
Open the image here, point at the colour and click or tap. The HEX code appears with a Copy button, along with RGB, HSL and CMYK.
Is my picture uploaded?
No. Your browser opens the picture on your device and reads the colours there. Nothing is sent to us.
Why does the colour change from pixel to pixel?
Photos have noise and texture, so neighbouring pixels differ slightly. Choose 3 × 3 or 5 × 5 average to get the colour of the area rather than one pixel.
Can I get the main colours of a picture?
Yes. The palette under the picture shows its 4 to 10 main colours and how much of the picture each covers. Copy them as HEX codes or CSS variables.
Are the CMYK values exact for printing?
No. They come from a simple formula. Printers use profiles for their press, paper and ink, which give different numbers, so treat them as a starting point.
Can I pick a colour from my screen, outside the browser?
In Chrome and Edge, yes: use Pick from screen. Other browsers do not offer this yet.
Does it work with iPhone photos?
JPG, PNG, WebP, GIF, AVIF, BMP and SVG open directly. For an iPhone HEIC photo, turn it into a JPG with HEIC to JPG first.
More
More Image tools
See all →
Passport Photo Maker
Image ToolsCrop your own picture to passport size, with a head guide and print sheets.
Exam Photo and Signature Resizer
Image ToolsGet your photo and signature within the exact KB and pixel limits of an exam form.
HEIC to JPG Converter
Image ToolsTurn iPhone HEIC photos into JPG files that open and upload anywhere.