Pick a Color From a Screenshot or Your Screen
To pick a color from your screen, copy a screenshot to the clipboard and press Ctrl+V on this page (⌘+V on a Mac), then click the color. In Chrome or Edge on a computer you can also press Pick from screen and click anywhere on your screen. Both work without uploading anything.
Color picker for screenshots
The color picker needs JavaScript. Below is the sample image; the text on this page explains every format and formula.
Or drag an image onto the box, or paste one with Ctrl+V (⌘+V on a Mac). Picking from anywhere on your screen works in Chrome and Edge on a computer.
Your image stays on this device. It is never uploaded.
- HEX
– - RGB
– - HSL
– - CMYK
–
CMYK is approximate. For print, use your printer’s color profile.
Click or tap a point in the image to see its color codes here.
Recent colors
Colors you pick appear here. They are saved only in this browser.
How to use it
- Take a screenshot that copies to the clipboard (see the table).
- Return to this page and press Ctrl+V or ⌘+V.
- Zoom in and click the color.
- Or press Pick from screen in Chrome or Edge and click anywhere.
Copy a screenshot to the clipboard
| System | Shortcut | What it does |
|---|---|---|
| Windows 10 and 11 | Win + Shift + S | Select an area; the image goes to the clipboard |
| Windows | Print Screen | Copies the whole screen (on some PCs it opens the snipping tool instead) |
| macOS | ⌘ + Ctrl + Shift + 4 | Select an area and copy it to the clipboard |
| macOS | ⌘ + Ctrl + Shift + 3 | Copy the whole screen to the clipboard |
| ChromeOS | Ctrl + Shift + Show windows | Partial screenshot; it is also copied to the clipboard |
Then come back to this page and press Ctrl+V (⌘+V). The screenshot opens in the picker. On a phone, take a screenshot as usual and open it with Choose image.
Pick from screen (EyeDropper)
Some browsers have a built-in eyedropper that web pages can open. When it is available, a Pick from screen button appears in the tool. Press it, move the magnifier anywhere on your screen, even outside the browser window, and click. Today this works in Chrome and Edge on desktop computers. Firefox and Safari do not offer it yet, and neither do phones, so there the screenshot method is the way to go.
The browser only gives the page the color you clicked, not an image of your screen.
Screenshots and exact colors
Screenshots are saved as PNG on most systems, which is lossless, so a flat button or background gives one exact value. Two things can still shift it: a display set to a wide color mode or night light/True Tone can change what is captured on some systems, and scaled screenshots blend pixels at edges. For web pages, the color in the screenshot is usually the same as the one in the page’s code.
Frequently asked questions
How do I pick a color from my screen?
In Chrome or Edge on a computer, press Pick from screen and click any point on your screen. In other browsers, take a screenshot that copies to the clipboard, paste it here with Ctrl+V or ⌘+V, and click the color in the picker.
Why is there no Pick from screen button?
The button only appears when your browser offers the EyeDropper feature to web pages. Currently that is Chrome and Edge on desktop. In Firefox, Safari and on phones, use a screenshot instead; it gives the same result.
Does pasting a screenshot upload it?
No. Pasting hands the image from your clipboard to this page in your browser, and it is processed there. It is not sent to a server and is gone when you close or reload the page.
Why does the color from my screenshot differ from the design file?
Usually the design was exported with a color profile, or your screen uses a color filter such as night light. Compare with the hex value in the design file, and turn off color filters before taking the screenshot.
Can I pick a color from a video?
Pause the video and take a screenshot, then paste it here. Videos are heavily compressed, so use the 5×5 sample size and pick from a large flat area for the most representative value.
Last updated: October 15, 2026