Your Screen Color Picker
Click the eyedropper, then click any pixel anywhere on your screen — even outside the browser — to instantly get its exact HEX.
- Free to use
- No signup
- Nothing to install
- Runs in your browser
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.Open the Screen Color Picker
Illustration. Open the tool for the real thing.
What is the 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.
3 steps to your result
Open the tool and follow along. Nothing to install.
What you get
Uses the browser's native EyeDropper API to sample the exact color from anywhere on screen, not only inside the page.
Every pick returns all three common color formats at once, ready to copy.
Keeps every color you've picked in this session so you can compare or reuse earlier picks.
Click any HEX/RGB/HSL value to copy it straight to your clipboard.
AZRS tools are free to open and use.
It opens in your browser, so there is nothing to download.
Used for
Pick one to see how it fits.
Designers matching a brand or photo color exactly
Sample the real pixel color instead of eyeballing a close guess.
Try it freeDevelopers copying a color from a mockup or screenshot
Get the exact HEX/RGB value to paste directly into code.
Try it freeAnyone building a palette from inspiration images
Pick multiple colors from any open image or app and build a working history.
Try it freeHow it compares
A plain look at this tool next to the usual alternative.
| This utility | Desktop software | |
|---|---|---|
| Install | Nothing to install | Usually an app or program to install |
| Account | No signup | Depends on the product |
| Cost | Free to use | Free or paid, depends on the product |
| Where it runs | In your browser tab | On your computer |
Questions people ask
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.
More free tools
Related to the Screen Color Picker.
Try the Screen Color Picker now
Pick the exact color of any pixel on your screen — any app, any window — using your. Free to use.
Try it free