An eyedropper for Mac without the permission prompt.
Sample any pixel on your Mac screen — Figma, Preview, Photoshop, a paused video — straight from your browser. No install and no Screen Recording permission.
TL;DR
Screen Color Picker is a free color picker that runs entirely in your browser. Click once and sample any pixel on your screen, even outside the browser, then copy it as HEX, RGB, HSL or OKLCH. Picked colors never leave your device. Key limit: live picking needs desktop Chrome, Edge, Brave or Opera; other browsers use screenshot mode.
Last updated
Pick a color — instant, picks from anywhere on screen (even outside the browser).
Screenshot — when you need to pick from another tab without losing focus.
#171717 rgb(23, 23, 23) hsl(0, 0%, 9%) oklch(22.04% 0.0000 0.0) Recent palette (0)
Click Choose what to capture below. Your browser will show its picker for screens, windows, or tabs.
One quick heads-up
How screen capture works
After you click Continue, your browser will switch focus to the window you're sharing. Press Alt + Tab to come back here — your captured frame will be waiting.
macOS
Your options for an eyedropper on Mac.
macOS is unusual in shipping a genuine colour picker in the box — but it's buried, and it's not always the right tool.
Digital Color Meter. Already installed at /Applications/Utilities/, or just Spotlight it. It reads the pixel under your cursor continuously and shows RGB values live. It's precise, it supports averaging over a region, and it handles colour profiles natively. Two annoyances: it displays values but copying a hex code requires ⇧⌘C and knowing to switch the display format first, and it has no palette history.
The system colour panel. Any app that opens the standard macOS colour picker — Pages, Keynote, Sketch, most native apps — has a magnifying-glass eyedropper in the top left that samples system-wide. Convenient when you're already in such an app, useless otherwise.
The browser. Every Chromium browser on macOS — Chrome, Edge, Brave, Arc, Opera, Vivaldi — ships a native eyedropper that reads any pixel on your screen. Open this page, click, sample from Figma, Preview, a paused video, or another app. No install, and unlike Digital Color Meter it gives you HEX, RGB, HSL and OKLCH at once with one-click copy and a persistent palette.
Permissions
Screen Recording permission, and why the browser skips it.
On macOS Catalina and later, any application that reads screen pixels must be granted Screen Recording permission in System Settings → Privacy & Security. That includes Digital Color Meter and every third-party colour utility.
It's worth understanding how broad that permission is: it allows continuous capture of your entire display, indefinitely. For a first-party Apple utility that's fine. For a random freeware picker downloaded from a search result, it is a genuine risk — you're granting a program the ability to watch everything you do.
The browser-based approach sidesteps this entirely, and not by cheating. The EyeDropper API hands control to the browser process, which already has whatever screen access it needs. The browser draws the magnifier, tracks your cursor, reads the pixel, and returns one colour string to the page — only after you deliberately click. The web page never sees your screen, your cursor position, or which application you sampled from. Press Escape and it receives nothing at all.
That's why there's no permission prompt: a single user-selected pixel isn't enough data to protect. It's a good example of narrowing a capability until the permission becomes unnecessary.
Practicalities
Mac-specific gotchas.
Display P3 and colour profiles. Every Mac made in the last several years has a P3 wide-gamut display. If content is tagged sRGB and shown on a P3 panel — or vice versa — macOS converts before painting, and you sample the converted result. For web work this is usually what you want, since browsers assume sRGB. For print or brand-critical work, prefer a declared value from the source file over a sampled one.
Retina scaling. Retina displays render at 2× and downscale. Small elements get interpolated, so a 12px icon may have almost no authored pixels left. Zoom the source in before sampling anything small.
Safari doesn't work. Safari has not implemented the EyeDropper API and Apple has not signalled intent to. On Safari, use Digital Color Meter or open a Chromium browser.
Protected video. Some DRM players composite through a protected path and read back as pure black. If a bright frame samples as #000000, that's the cause — use a promotional still instead.
Sampling from Figma or Sketch. Works fine, but consider whether you want the rendered pixel. If a layer has opacity or a blend mode, you're sampling the composited result, not the declared fill. Check the tool's inspector for the source value.
Questions
Mac eyedropper FAQ
Does macOS have a built-in colour picker?
Yes — Digital Color Meter, in /Applications/Utilities/. It reads the pixel under your cursor and shows RGB values live, with region averaging and native colour-profile handling. Its limitations are no palette history and a slightly awkward copy flow. The system colour panel in native apps also has a system-wide eyedropper.
How do I pick a colour from another app on a Mac?
Open this page in Chrome, Edge, Brave, Arc, Opera or Vivaldi and click Pick a color. The cursor becomes a magnifier that works across your whole screen — Figma, Preview, Photoshop, a paused video, another browser. No install and no Screen Recording permission required.
Why does a browser eyedropper not need Screen Recording permission?
Because the web page never gets screen access. The browser process — which already has the necessary access — draws the overlay, tracks the cursor and reads the pixel, then hands the page a single colour string only after you click. Press Escape and the page receives nothing. There is no continuous capture to protect against, so no prompt is needed.
Does this work in Safari?
No. Safari has not implemented the EyeDropper API on macOS or iOS, and Apple has not indicated that it will. Use Digital Color Meter, or open a Chromium browser for the ten seconds the task takes.
Why is my sampled colour slightly different from the source file?
Most often colour-profile conversion. Macs have Display P3 panels, and if the content is tagged with a different profile macOS converts it before painting — you sample the converted pixel. Retina downscaling can also interpolate small elements. Zoom in before sampling, and prefer declared values from SVG source or CSS variables when brand accuracy matters.
Is Digital Color Meter or a browser picker better?
Digital Color Meter for colour-critical precision work — region averaging and native profile handling are things browsers do not offer. The browser for everyday work, because it gives HEX, RGB, HSL and OKLCH simultaneously with one-click copy and a persistent local palette, with no permission grant.