Every Mac already has a colour picker: Apple's Digital Color Meter reads any pixel on screen and shows its value in the format you choose. Add a dedicated picker when you want a menu bar shortcut, saved palettes, WCAG contrast checks or sync with your iPhone.
That built-in tool lives in Applications, then Utilities, and most Mac owners have never opened it. Before you download anything, it helps to know the three ways any picker, free or paid, hands you the wrong value. The first one catches nearly everyone.
Three ways to get the wrong value
Reading the wrong colour space. The same blue can read as two different values depending on whether the picker reports the screen's native colour space or sRGB, and it's the most common reason a picked value doesn't match the code. Set your picker to sRGB for web work unless your project says otherwise.
Picking from a compressed image. A JPEG or a screen-shared video smears colours across neighbouring pixels. Pick from the middle of a flat area, and use the magnifier to make sure you're on the colour rather than an edge.
Picking through transparency. A semi-transparent button or a shadow shows a blend of its own colour and whatever sits behind it. The value you get is the blend, not the colour in the stylesheet. When the source is a website, read the CSS instead, either in the browser's developer tools or with one of the colour picker extensions for Chrome.
The five-minute accuracy test
Run this once with Apple's tool, then again with any picker you're trialling. You'll need a browser and a colour you know the exact value of.
- Paste
data:text/html,<body style="background:#1E90FF">into your browser's address bar and press Return. The whole tab turns one flat blue, with no compression or shading to confuse the reading. - Open the built-in meter from Applications, then Utilities. In its View menu, set Display Values to hexadecimal, and set the drop-down in the window to Display in sRGB.
- Hover over the blue. You should see 1E 90 FF, or within a step of it on one channel.
- Now switch the drop-down to Display native values. On most recent Mac screens the numbers shift, because the display works in a wider colour space than the web's default sRGB.
- Use Color, then Copy Color as Text, and paste the result somewhere. Check you get the format you need without retyping it.
- Repeat steps three and five in the picker you're trialling. If it can't give you 1E90FF from that tab in its web or sRGB setting, find the setting that does before you trust any value it gives you.
That's the whole test. A picker that passes it, in the format you paste most often, is accurate enough for web and app work. Everything else is speed and comfort.
Quick grabs from the menu bar and keyboard
Digital Color Meter
Already on every Mac in the Utilities folder, Apple's own meter shows the value of the pixel under your pointer in several formats.
Pika
Open-source and native, it finds on-screen colours in the format you need and checks contrast against accessibility guidelines as you go.
System Color Picker
The familiar macOS colour panel lifted out into an app of its own, with extra features added on top.
Shottr
A screenshot and annotation tool first, with a picker tucked inside: hover and press Tab to copy the colour under the cursor.
Palettes, teams and measuring
Sip
Designers who share palettes with colleagues will like this menu bar picker for grabbing, organising and passing colours around.
ColorSnapper
Inspect, adjust, organise and export exact colour values from any pixel on screen, in a Mac app sold without a subscription.
ColorSlurp
Works across Mac and iOS, so a palette saved on the laptop turns up on the phone, with a magnifier and contrast checks too.
Want AI doing the heavy lifting in your marketing?
I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.
xScope
A full kit for measuring the screen; its Loupe magnifies, copies colours and simulates how they look to people with vision impairments.
When the built-in tool stops being enough
Apple's meter does one job: it tells you the value of a pixel. It has no palette and no contrast check, and you have to open it each time. If you pick a colour twice a month, that's fine. If you pick colours twenty times a day, the friction adds up, and that's what the rest of this list is for.
The first reason to move on is speed. A picker that sits in the menu bar or answers a keyboard shortcut turns a ten-second job into a two-second one, and if you like keeping small utilities up there, we've rounded up more Mac menu bar apps that earn the space. Developers usually move for formats: they rarely want plain hex, they want the value ready to paste as CSS or as code for an Apple platform, in the colour space their project uses, and the better pickers let you set that default once.
Designers tend to move for contrast. The WCAG guidelines ask for a contrast ratio of at least 4.5 to 1 for normal body text at level AA, and 3 to 1 for large text, and a picker with a contrast check tells you on the spot whether a pairing passes, before the design reaches a developer. Once you're saving brand colours, a picker that keeps named palettes, shares them with a team or syncs them to your phone also saves you a separate document of hex codes. If you want a palette built for you from a photo or a starting colour, that's a different tool; we've compared the best colour palette generators separately.
Last, look at what you already have. Some screenshot and screen-measuring apps include a picker. If one of those is already on your Mac, test its picker before buying a second app that does the same job.
How the money works
Two of the eight cost nothing at all: Apple's built-in meter and the open-source picker. Two more list a free plan, three start with a free trial, and one doesn't state its terms on the page we checked.
Most of the paid pickers here don't publish a price on the pages we checked. The two that spell out their terms both sell a one-time licence rather than a subscription, and the one that shows a figure asks a one-off price in the tens of dollars per seat, with a year of updates included. So what moves the bill is how many seats you need, whether you'll want updates after the included period, and whether the picker comes inside a bigger screenshot or measuring tool you'd buy anyway. A trial and a refund window on at least one of them mean there's little risk in running the five-minute test before you commit.
Do you make colour pickers for Mac? Tool makers can ask to be considered for a featured place on this list.
Want your tool on this list? Featured spots and reviews here are paid partnerships. Here's how to partner with me.
Frequently asked questions
Is the colour window in apps like Pages and Keynote a picker too?
Yes. The standard macOS Colours window has a small magnifying glass button that samples any pixel on screen. Once you've sampled a colour, the RGB sliders view shows its hex value, which you can copy. It's slower than a dedicated picker, but it costs nothing and it's already there.
Should I use a browser extension instead of a Mac app?
If you only ever pick colours from web pages, a browser extension or the browser's own developer tools can be enough, and they often show you the CSS value directly. A Mac app works everywhere else too: design files, PDFs, video calls.
Can I copy a value from Apple's meter without moving the pointer off the colour?
Yes. Use View, then Lock Position, to freeze the reading on the pixel you want, then Color, then Copy Color as Text. The Color menu shows the keyboard shortcut next to that command, which is worth learning if you pick colours often.
