How to pick a color on Mac: built-in first

Press Command-Space, open Digital Color Meter, and move the pointer over the color you want. Choose the RGB display values that fit your work, set the aperture to one pixel when you need a precise point sample, then press Shift-Command-C to copy the value as text.

That built-in workflow is enough for an occasional lookup. A focused app becomes useful when you sample colors repeatedly and want one global shortcut, automatic clipboard output, several code formats, or local history. I build TeenyColor, so the sections below separate what macOS already does from the extra workflow the app provides.

Choose the tool by the next task

01Use Digital Color Meter for a one-off sample

Digital Color Meter lives in the Utilities folder and is also easy to open from Spotlight. Its window follows the pointer and shows the color below it.

1. Open Digital Color Meter.
2. Use View > Display Values to choose an RGB-based display format that matches the destination.
3. Adjust the aperture size. A larger aperture averages several pixels, while the smallest setting is better for a precise point sample.
4. Move the pointer over the target. Use Command-X or Command-Y to lock the aperture position, or Command-L to lock both axes.
5. Press Shift-Command-C to copy the displayed value as text.

Apple also lets you choose color spaces and, on supported displays, show native extended-range values. Those controls make the built-in meter the better inspection tool when color-space context matters more than reuse.

02Use TeenyColor when the sampling repeats

TeenyColor uses Apple's NSColorSampler interface. After you click a screen color, the app converts the result to sRGB, creates a local history record, and writes your selected format to the Mac pasteboard. Those claims come from the current app source, not from assumptions about how other pickers work.

The workflow is short:

1. Use the global picker shortcut or choose the picker from the menu bar app.
2. Move Apple's sampler over the target and click.
3. Paste the automatically copied value into the destination.
4. Open local history when you need to copy that color again, change its output format, pin it, rename it, or export the palette as text or JSON.

The app currently supports nine outputs: uppercase hex, lowercase hex, RGB, RGB decimal, HSL, HSB/HSV, SwiftUI Color, UIColor, and CSS rgba. Choose the format that matches the next paste target. The guide to copying color codes on Mac explains those boundaries in more detail.

TeenyColor costs $4.99 once and offers a three-day trial. It is intended for repeated pick, copy, and reuse work. It does not replace a color-managed measurement tool or the source file for a design system.

03Keep rendered pixels separate from source colors

A screen picker returns the color that macOS rendered at the pointer. That may differ from the original asset or token because of color-space conversion, transparency, blending, gradients, video processing, or display behavior.

Use the rendered sample when you need the visible pixel. Use the stylesheet, asset catalog, design token, or source image when you need the authored value. If you are building a reusable token, read the sRGB color picker workflow for Mac design tokens before treating a screen sample as the source of truth.

TeenyColor normalizes selected colors to sRGB for its code outputs. Digital Color Meter is the more suitable starting point when you need to inspect a specific color space or native extended-range values.

04Check the final color pair for contrast

Picking a color and checking contrast are separate jobs. For text, WCAG 2.2 sets a 4.5:1 minimum for normal text and 3:1 for large text at Level AA. Level AAA uses 7:1 for normal text and 4.5:1 for large text. Meaningful interface components and graphical objects generally need 3:1 against adjacent colors under the non-text contrast criterion.

Test the specified foreground and background colors, then inspect the real interface states. A ratio calculator does not cover gradients, images behind text, transparency, focus visibility, disabled controls, or every interaction state. The focused Mac color contrast checker guide shows the pair-by-pair workflow and its limits.

05Resolve permission problems without overgranting access

If TeenyColor's sampler returns no color, follow the Screen Recording permission guide before resetting access. It explains how TeenyColor distinguishes a cancelled system sampler from a pick that failed while screen access was unavailable.

The global shortcut is registered through the macOS Carbon hotkey API in the current source. It does not rely on Input Monitoring. If the shortcut itself conflicts with another app, change it using the Mac color picker keyboard shortcut guide instead of granting unrelated permissions.

Quick decision checklist

• Use Digital Color Meter for an occasional screen reading or when color-space controls matter.
• Set the aperture deliberately. A larger aperture averages pixels; the smallest setting isolates a point.
• Use a dedicated picker when a shortcut, automatic copy, code output, or history saves repeated steps.
• Return to the source asset or token when you need the authored color rather than the rendered result.
• Run a separate contrast check on the final foreground and background pair.

The wider Mac color tools workflow places picking, conversion, contrast, and private UI handoff in one decision framework.

Common questions

Is Digital Color Meter built into macOS?

Yes. Open Spotlight, search for Digital Color Meter, and move the pointer over any visible screen color.

Can a Mac copy the sampled color as text?

Yes. In Digital Color Meter, choose the display values you need, then use Shift-Command-C to copy the displayed color value as text.

Why use a dedicated Mac color picker?

A dedicated picker is useful when you repeatedly need a global shortcut, automatic clipboard output, code-ready formats, or local color history. For one-off inspection, the built-in meter is usually enough.

Does a screen picker recover the original design token?

No. A screen picker samples the rendered result. Check the source asset, stylesheet, or design token when you need the original authored value.

Sources checked

• Apple Digital Color Meter User Guide for display formats, aperture size, color spaces, locking, and copy shortcuts.
• Apple NSColorSampler documentation for the system color-sampling interface used by TeenyColor.
• W3C WCAG 2.2 contrast minimum for text contrast thresholds and exceptions.
• W3C non-text contrast guidance for interface components and graphical objects.
• TeenyColor feature, format, storage, permission, shortcut, and export claims were checked against the current local homepage and Swift source.