How to Use the Color Picker on Mac

Mac color picker and Digital Color Meter illustration

macOS includes two color tools: the standard Colors window used inside many apps, and Digital Color Meter for reading exact pixels anywhere on screen. Together, they can sample a color from a photo, website, document, or app and show its RGB or hex value.

This guide applies to recent macOS versions.

Does This Affect You?

Use these tools if you need to match a color precisely for text, shapes, design work, screenshots, or a web color value without installing a separate app.

Sample a Color with the macOS Color Picker

  1. Open an app that has a color swatch or Colors button, such as Pages, Preview, Mail, or a drawing tool.
  2. Click the color control to open the standard macOS Colors window.
  3. Click the magnifying-glass loupe near the color preview.
  4. Move the loupe over any pixel on screen, even in another app or browser window.
  5. Click to sample the color.
  6. Open the sliders view, choose RGB Sliders if needed, and read the value in the Hex Color field.

Use Digital Color Meter

  1. Open Digital Color Meter from Spotlight or Applications > Utilities.
  2. Move the pointer over the color you want to measure.
  3. Watch the live color values update in the Digital Color Meter window.
  4. Use the format dropdown to choose a value style such as RGB as Hex, 8-bit.
  5. Press Command + Shift + C to hold the current reading, or Command + C to copy values.

Color Picker Tips

Save Favorite Colors

In the Colors window, drag the selected color swatch into the empty squares at the bottom. Saved colors are available in color pickers across many Mac apps.

Adjust Precision

Digital Color Meter preferences let you change decimal precision for more exact measurement work.

Zoom for Small Details

Use Digital Color Meter’s zoom controls when trying to sample a tiny pixel in a screenshot or icon.

Transparency

If you sample transparent PNG areas, the tool may report the visible blended color rather than an alpha value. Check the app’s opacity control if transparency matters.

Sources

  • Apple Support: Use the color picker on Mac
  • Apple Support: Use Digital Color Meter on Mac
  • Apple Developer: NSColorPanel and system color picker documentation
Disclosure: This post may contain affiliate links which means I may receive a commission for purchases made through links. I will only recommend products that I have personally used! Learn more on my Private Policy page.
A thoughtful woman reads a newspaper while enjoying coffee at an indoor workspace.

DEALWEEK

SUBSCRIBE AND GET 20% OFF YOUR NEXT ORDER! OFFER ENDS SOON - DON’T MISS OUT!

We don’t spam! Read our privacy policy for more info.

Shopping Cart