Screen Color Picker (Eyedropper)
Pick the exact color of any pixel on your screen — any app, any window — using your browser's native eyedropper · free, no signup
See Screen Color Picker (Eyedropper) in action
Screen Color Picker
Modern browsers expose a real EyeDropper API that lets a web page sample the exact color of any pixel on your entire screen — not just inside the browser tab, but any open window, image, video or desktop element — the same way a native design app's eyedropper works. Click 'Pick a color', then click anywhere on your screen, and this tool instantly returns that pixel's real HEX, RGB and HSL value.
Every color you pick is added to a running history for the session, so you can sample several colors from a screenshot, photo or app and compare or copy them all without re-picking. Because this uses a genuine browser API reading real screen pixels, it is meaningfully more accurate than eyeballing a color match by hand.
Key features
Reads real screen pixels, any app
Uses the browser's native EyeDropper API to sample the exact color from anywhere on screen, not only inside the page.
Instant HEX, RGB and HSL
Every pick returns all three common color formats at once, ready to copy.
Session color history
Keeps every color you've picked in this session so you can compare or reuse earlier picks.
One click to copy
Click any HEX/RGB/HSL value to copy it straight to your clipboard.
How to use it
- Click 'Pick a color'.
- Your cursor becomes a magnifier — click any pixel anywhere on your screen.
- See that exact pixel's real HEX, RGB and HSL value instantly.
- Click any value to copy it, or pick again to add another color to your history.
Worked example
Example
Picking a pixel from a brand logo returns something like #1E40AF, rgb(30, 64, 175), hsl(224, 71%, 40%) — the exact color used, ready to paste into CSS or a design tool instead of guessing a close match.
Who uses this tool
Designers matching a brand or photo color exactly
Sample the real pixel color instead of eyeballing a close guess.
Developers copying a color from a mockup or screenshot
Get the exact HEX/RGB value to paste directly into code.
Anyone building a palette from inspiration images
Pick multiple colors from any open image or app and build a working history.
Tips for the best results
- The EyeDropper API is currently supported in Chromium-based browsers (Chrome, Edge, Opera, Brave) but not in Firefox or Safari as of this writing — the tool clearly shows when your browser doesn't support it.
- Because it reads real screen pixels, results can be affected by your display's color profile or scaling — for critical brand-color work, cross-check against the source file's actual color value when possible.
- The picked color reflects exactly what's rendered on your screen at that moment, including any screen dimming, night-light or color-filter settings active on your system.
Common mistakes to avoid
- Trying to use it in an unsupported browser and assuming the tool is broken — check the on-page browser-support note first.
- Picking a color from a compressed or heavily color-graded screenshot and expecting it to exactly match the original source file's color values.
- Forgetting the picked color already reflects any system-level display filters (like a blue-light filter) that are active, which can subtly shift the result.
Why use AZRS QuickFix?
It is 100% free, needs no signup and has no watermark or usage limits. The tool runs in your browser, so what you type stays on your device, and it works on phones, tablets and desktops. New tools are added every week — bookmark this page or browse the full QuickFix toolbox.
Frequently asked questions
Which browsers support this?
Chromium-based browsers — Chrome, Edge, Opera and Brave — support the native EyeDropper API this tool uses. Firefox and Safari do not support it yet as of this writing; the tool detects this and tells you clearly rather than failing silently.
Can it pick a color from outside the browser window?
Yes — that's the specific advantage of the native EyeDropper API over a page-only color picker: it can sample any pixel on your entire screen, including other open apps and windows.
Does it read the exact underlying pixel value?
It reads what your screen is actually displaying at that pixel, including any system-level color adjustments active at the time (like night mode); for a source image's exact stored pixel value, sampling directly from the original file may differ very slightly.
Is my screen recorded or uploaded?
No — the browser's native EyeDropper API samples a single pixel locally and returns only that color value to the page; nothing is recorded, captured as an image, or sent anywhere.
Can I export my whole picked-color history?
Yes, every color picked in the session is kept in a visible history list you can copy from individually.
Is my data stored?
No, the color history only exists in the current browser tab and is cleared when you leave the page.