Eyedropper Tool

Pick colors from anywhere on your screen using the native EyeDropper API. Free online tool for designers, developers, and content creators.

The EyeDropper API requires Chrome 95+, Edge 95+, or Opera 81+. Your browser does not support this feature.

How to Use the Eyedropper Tool

Click the "Open Eyedropper" button. Your browser will activate the screen-sampling mode and your cursor turns into a precision crosshair. Hover over any pixel — on this page, a different tab, your desktop, or another app — then click to capture the color. The tool instantly displays the picked color in HEX, RGB, and HSL formats.

When Designers Use a Screen Eyedropper

The screen eyedropper is invaluable when you need to match a color that exists somewhere else — a competitor's website, a screenshot of an old design, a photo on your desktop, or a frame from a video. Instead of guessing, the eyedropper gives you the exact pixel value down to the byte.

Browser Compatibility Notes

The tool relies on the modern EyeDropper API (window.EyeDropper). Chromium-based browsers (Chrome, Edge, Brave, Opera, Arc) support it from version 95 onwards. Firefox and Safari have not yet shipped support, so we display a polite fallback notice on those browsers. If your browser shows the fallback, try our standard color picker or image color extractor.

Privacy and Permissions

Some browsers will prompt you for permission before allowing screen sampling. This is a security measure — granting access lets the tool read pixel data from your screen. We never store, transmit, or log any color you pick. Everything happens locally in your browser.

❓ Frequently Asked Questions

Which browsers support the eyedropper API?

The native EyeDropper API works in Chrome, Edge, and Opera (version 95+). Firefox and Safari currently do not support it. On unsupported browsers, the tool falls back to a manual color picker.

Can I pick a color from another app or my desktop?

Yes — but only on supported browsers. When you click 'Open Eyedropper', the browser lets you sample any pixel on your entire screen, including content from other applications, system menus, or photos in your gallery.

Does the eyedropper work on mobile?

Mobile browsers do not yet support the EyeDropper API. On phones and tablets, use our regular <a href='/color-picker/'>color picker</a> or <a href='/image-colors/'>image color extractor</a> instead.

Is the picked color saved?

No persistent storage — the color stays only in the current session. Copy the HEX, RGB, or HSL value immediately if you want to save it for later use.