Image Color Picker & Eyedropper.
Upload any photo or illustration, inspect pixel colors with real-time magnification, and copy HEX, RGB, and HSL codes in one click.
or, drag and drop image here
Supports JPG, PNG, WebP, HEIC, GIF • Processed 100% locally in your browser
How to Pick Colors from an Image Online
Upload Your Picture
Drag and drop your screenshot, design mockup, photo, or brand logo into the dropzone.
Hover & Click Anywhere
Use the pixel loupe magnifier to inspect colors and click to sample and lock the exact pixel.
Copy Color Values
Copy HEX, RGB, HSL, or CSS RGBA strings directly to your clipboard with one click.
Frequently Asked Questions
How do I pick a color from an image using the online eyedropper?
Upload or paste any image, hover your cursor over any pixel to view a magnified loupe preview, and click to sample the color. The tool displays the exact HEX, RGB, and HSL values with one-click copy buttons for instant developer workflow.
What color formats and values does the color picker provide?
Our color picker generates values in HEX (e.g. #0070F3), standard RGB / RGBA (e.g. rgb(0, 112, 243)), and HSL (e.g. hsl(212, 100%, 48%)), making it easy to copy color codes directly into your CSS, Tailwind stylesheets, or UI design software.
Can I zoom in to select a single specific pixel accurately?
Yes. The interactive magnifying loupe enlarges the pixels directly beneath your cursor by up to 8x, allowing you to isolate exact line colors, subtle photographic gradients, or thin border strokes with pinpoint precision without accidental misclicks.
Can I sample colors from screenshots pasted directly from my clipboard?
Yes. You can press Ctrl+V (or Cmd+V on Mac) anywhere on the page to paste a screenshot directly from your clipboard and immediately begin sampling colors without having to save the image to your desktop first, speeding up color inspection.
Is it safe to sample colors from proprietary designs and brand mockups?
Yes. All pixel inspection and canvas sampling occur entirely within your browser's local memory. Your design mockups, wireframes, and proprietary artwork are never transmitted to any external server, ensuring your brand assets remain strictly confidential.