What is Color Eyedropper?

Color Eyedropper lets you pick a color from any point in an image and save it as a Hex code. It works well when you want one exact color from a screenshot, mockup, photo, or reference image.

Unlike a palette extractor that summarizes the whole image, this tool is better for questions like “what is the color of this button?” or “which gray is used in this shadow?”

How to Use

1. Upload an image file.
2. Move your pointer over the preview to show a crosshair and magnified lens.
3. Check the pixels in the lens, then click the spot you want.
4. The picked color is added to the result list.
5. Click any result to copy the Hex code.

If you want more than one color from the same image, keep moving across the preview and click each spot in sequence.

What This Tool Can Do

• Pick a color from a specific point in an image
• Inspect nearby pixels with a crosshair and magnified lens
• Keep multiple picked colors in one list
• Copy each extracted Hex code individually

Because the uploaded image stays visible in the preview, it is easy to compare the picked colors with the original visual while working.

Input and Output Example

For example, if you upload a UI screenshot and click a blue button, the result list may add a value like this:

#3A78E0

If you keep sampling other areas, the list can grow like this:

#3A78E0
#F5F7FB
#1F2937

Use Cases

• Matching colors from design mockups or screenshots
• Pulling accent colors out of photos or illustrations
• Checking UI colors from an existing site before recreating them
• Collecting a few candidate colors before building a palette

Things to Keep in Mind

• In the current implementation, the extracted result is provided as a Hex color code
• The current interaction is designed for desktop use, because the lens preview depends on pointer hover
• Even when the preview is scaled down, the picked color is mapped to the original image pixel position