Screen Color Picker
Pick any color visible on your screen — in another app, a video, a PDF, or a photo — and get its hex, RGB, HSL, OKLCH, and CMYK values instantly. Sampling runs entirely in your browser; nothing you pick is uploaded anywhere.
This browser cannot sample the screen
Web page eyedroppers rely on the browser’s EyeDropper API, which Chrome on Android, Safari, and Firefox do not offer. Nothing was faked here — a picker that only pretended to read your screen would be worse than none.
The reliable workaround takes two seconds: take a screenshot and drop it into the image color picker. You will get the exact same values, in any browser.
How to Use the Screen Color Picker
Select the pick button and move the magnifier over anything on your screen — a button in a design file, a color in a photo, a frame of a video. Click to sample that exact pixel and the hex, RGB, HSL, OKLCH, and CMYK values appear immediately, ready to copy. Every sample is added to a session strip below so you can collect several candidates before choosing one. Press Escape whenever you want to cancel without picking.
Browser Support and Alternatives
Screen sampling relies on the EyeDropper API, which Chromium browsers ship on compatible desktop systems; Chrome on Android, Safari, and Firefox do not expose it to web pages, and no honest web tool can work around that. If you are on an unsupported browser, you can take a screenshot and drop it into the image color picker instead — extracting a color from an uploaded image works everywhere and returns the same values. For frequent desktop use, the built-in magnifier in macOS Digital Color Meter or Windows PowerToys Color Picker are solid native options.
Common Use Cases
Match a color you can see but cannot select: a shade in a competitor mockup, a chart series in a slide deck, a brand tone inside a PDF style guide, or the sky in a reference photo. QA teams sample rendered UI to verify shipped pixels match design tokens. Developers grab quick accents from screenshots before wiring up a real palette, then refine them in the converter or contrast checker.
Frequently Asked Questions about Screen Color Picker
The eyedropper uses the EyeDropper API, which is supported in Chrome, Edge, Opera, and other Chromium browsers on compatible desktop systems. It is not available in Chrome on Android, Safari, or Firefox, so this page explains your options there instead of pretending to work.
Yes. The eyedropper samples anything visible on your display — design tools, videos, PDFs, photos in another app, even your desktop wallpaper. It is an operating-system level picker, not a screenshot of this page.
No. Sampling happens locally through your browser, the value stays on your device, and there is no camera or screen-recording access. Pressing Escape cancels at any time.
You get the exact sRGB value of the pixel under the magnifier. Two caveats apply to comparing it with print or other displays: screens vary in calibration, and video players sometimes apply color processing, so treat sampled video frames as approximations.
Keep the color moving
Useful next steps
Your latest color stays in the local workspace when the next tool uses it.
Color Picker from Image
Pick colors from any image and extract color palettes
Color Converter
Convert one color into implementation-ready screen and print-reference formats
Color Contrast Checker
Measure WCAG 2.2 contrast with luminance details and validated alternatives
Complementary Color Finder
Find the complementary color for any color, with the full harmony set