Pick Colors with the Eyedropper: Read Any Pixel HEX Code
You need the blue from a client logo for the designer, but all you have is a screenshot. Or you want to reuse a button color from a site you admire. This tool reads any pixel of your uploaded image and returns HEX, RGB, and HSL codes; clicking a code copies it. In supporting browsers the screen eyedropper button picks any point on the page. Everything runs in the browser; the file never reaches a server.
Step by step
- Upload the image; screenshot or photo, it makes no difference.
- Once the preview appears, click the spot you are curious about.
- Read the HEX, RGB, and HSL codes in the box below.
- Click the code you need and wait for the copied confirmation.
- For more colors keep clicking; recent picks line up underneath.
- If your browser supports it, use the screen eyedropper for any pixel on the page.
Example scenario
Zeynep freelances and prepares a menu brochure for a café. The client wants the exact green from their logo but knows no code. She uploads a photo of the logo and clicks the green area; #2E7D32 appears. She pastes it into her design program and continues in the same tone. Seeing the print, the client calls it a perfect match. Zeynep picks two more tones for the buttons and completes the palette.
Check your result
Zoom in to confirm you hit the right pixel; anti-aliased edges may give neighboring codes. If a light code is unreadable on dark ground, copy it into a text editor. Type the HEX into your design program and compare with the on-screen color. Pick earlier tones again from the recents list when needed.
Frequently asked questions
Can I pick anywhere on the screen?
Yes, if your browser supports the eye dropper; the button opens the system picker. Otherwise screenshot the spot and pick from the image.
Why do codes sometimes differ by a tone?
Compressed images blur edges and blend neighbors. Clicking mid-way into a flat area gives the truest result.
Which format should I use?
HEX for web, RGB values before print; HSL is handier for tweaking tones. All three describe the same color.
Are my picked colors stored?
No. Recents sit below only while the page stays open; closing wipes them. Note the codes down to keep a palette.
Is my file uploaded to a server?
No. The image is read in the browser and pixels are computed on your device. Nothing is sent anywhere.
Open the tool: Color Picker (Eyedropper) →
Keep an original copy before processing your file. Examples are illustrative; results depend on your document.