Pixel Picker
Open a screenshot or photo, point at any pixel under the magnifier and click to copy its color — or pick straight from your screen.
- Exact pixel color
- Magnifier
- Pick from screen
- No upload
Drop an image here
or
JPG, PNG, WebP, GIF, AVIF, SVG or BMP
You can also paste an image with Ctrl + V
Your image is opened on your device and is never uploaded.
Averaging a few pixels evens out noise and JPEG artifacts.
Click the image to pick. Arrow keys move one pixel (Shift: ten), Enter picks, + and − zoom.
Picked colors
Colors you pick appear here and are remembered in this browser.
How to pick a color from an image
Point, click, copied.
- 1
Open an image
Drop a file, choose one or paste a screenshot with Ctrl + V.
- 2
Point at the pixel
The magnifier shows the surrounding pixels enlarged; the arrow keys move one pixel at a time.
- 3
Click to pick
The color code is copied to the clipboard and added to your list of picked colors.
Precise down to one pixel
For designers, developers and the curious.
Magnifier
An 11 × 11 pixel loupe follows the pointer so you can hit exactly the pixel you mean, even on thin lines and small text.
Zoom and pan
Fit the image to the window or zoom in up to 3200 % with crisp, unsmoothed pixels.
Area average
Photos are noisy. Average 3 × 3, 5 × 5 or 11 × 11 pixels to get the color the eye perceives.
Pick from the screen
In Chrome, Edge and Opera the screen eyedropper picks from any window — no screenshot needed.
Keyboard control
Arrow keys move, Shift moves by ten, Enter picks, plus and minus zoom.
Picked colors
Your picks are kept in the browser and can be exported as CSS variables, JSON or a palette image.
Private by design
Everything runs in your browser. What you type or open is not sent to a server.
Free, no sign-up
No account, no limits, no watermark — on a phone, tablet or computer.
Getting the right color from a picture
Every pixel of a digital image stores a red, a green and a blue value. A pixel picker simply reads those values at one position. What looks like a single flat color on screen often is not: JPEG compression adds subtle noise, and edges are anti-aliased — blended with their neighbors. Picking one pixel from the edge of a letter gives you a mixture, not the text color.
Two habits give reliable results. First, zoom in and pick from the middle of a flat area, away from edges. Second, use an area average on photos and gradients, where neighboring pixels differ slightly. For logos and interface screenshots saved as PNG, single-pixel picking is exact.
Keep color management in mind when exact matches matter. The values read here are the image’s own sRGB numbers. A screenshot of a website returns the CSS colors precisely; a photo of a printed logo does not return the brand color, because camera, lighting and white balance all changed it. For brand work, use the picker to get close and then look up the official value.
Which sample size to use
| Sample | Reads | Use it for |
|---|---|---|
| Single pixel | Exactly one pixel | UI screenshots, logos, pixel art |
| 3 × 3 | Average of 9 pixels | Slightly noisy flat areas |
| 5 × 5 | Average of 25 pixels | Photos, JPEG images |
| 11 × 11 | Average of 121 pixels | Textures, skin tones, skies |
Tips
- Want all main colors of the image at once? Use the Palette Extractor.
- Convert a picked color to OKLCH or CMYK with the Color Converter.
- Check a picked text and background pair with the Contrast Checker.
- Build a scheme around a picked color in the Palette Generator.
Frequently asked questions
Can’t find your answer? Contact us — we reply quickly.
Are my images uploaded?
No. The image is opened and analyzed by your browser on your own device. It is never sent to a server.
How do I pick a color from a website?
In Chrome, Edge or Opera on a computer, press “Pick from screen” and click anywhere. In other browsers take a screenshot, paste it here with Ctrl + V and pick from the image.
Why does the picked color differ slightly from what I expected?
Near edges pixels are blended (anti-aliasing), and JPEG compression changes colors slightly. Zoom in, pick from the middle of a flat area, or use a 3 × 3 or 5 × 5 average.
Which formats can I copy?
HEX, RGB, HSL and OKLCH. Choose the format under “Copy colors as”; partly transparent pixels are copied with their alpha value.
Does it work on a phone?
Yes. Tap or drag on the image to move the magnifier and lift your finger to pick. Picking from the whole screen is available in desktop browsers only.
Is there a size limit for images?
Files up to 40 MB can be opened. Very large images are displayed at up to 4096 pixels on the long side; the note next to the file name tells you when that happens.
More free developer tools
Encode, format, test, convert and generate — small tools that run in your browser and keep your data on your device.