Pick colors from a PDF on Mac
A PDF color sample is useful only when you know what you sampled: the rendered page, the source design value, a compressed screenshot, or text that needs contrast evidence.
The short answer: open the PDF at the size you will review, use a Mac color picker to sample the visible rendered page, copy the color in the format your next tool expects, and record the page number plus the reason you sampled it. Do not treat a rendered PDF pixel as the original design source value.
Disclosure: I build teenycolor. It uses Apple's NSColorSampler, converts the picked color to sRGB, copies your chosen format, and keeps local history. It does not upload the PDF, read hidden PDF objects, or repair color profiles.
This is the TeenyColor spoke for the TeenyApps Mac PDF review checklist for text and colors. Use that hub when the same PDF also needs text extraction, source notes, or review-folder cleanup.
PDF color sampling decision table
| Question | Sample from the PDF? | Decision rule |
|---|---|---|
| What color does the reader see? | Yes | Sample the rendered page at the review zoom. |
| What is the original brand color? | Maybe | Use the design source if you need the official value. |
| Is text readable? | Yes | Sample foreground and background, then check contrast. |
| Did export change a color? | Yes, with a comparison | Sample source and PDF in equivalent viewing conditions. |
| Is a profile wrong? | No, not by itself | Use ColorSync Utility or the exporting app for profile diagnosis. |
01Open the PDF at the review size
Start in Preview or the PDF viewer the reviewer will use. Apple describes Preview as the built-in Mac app for viewing PDFs and images, with support for selecting text, annotating PDFs, and editing images. That is enough for most color review passes.
Set the PDF zoom before you sample. A chart line, antialiased label, small logo, or thin border can expose different edge pixels at different zoom levels. If the PDF will be reviewed in a browser, slide deck, or client note, sample from that final context when possible.
Write down the page number and zoom if the value will be reused. "Page 4, 125%, blue chart line" is more useful than a hex code with no context.
02Sample stable areas first
Do not start on an edge. Antialiasing blends text, strokes, icons, and diagonal lines into nearby colors. Pick the largest stable area that represents the role you care about: heading text, body text, background panel, chart fill, brand accent, alert color, or table rule.
TeenyColor inserts each pick into local history, writes the selected format to the macOS pasteboard, and shows the visible color. You can rename a pick, pin it, or export the color list later. The supported formats are Hex, lowercase Hex, RGB, RGB decimal, HSL, HSB/HSV, SwiftUI Color, UIColor, and CSS rgba.
If a PDF chart uses a gradient, sample the part that supports your decision. For a legend swatch, sample the middle. For a text contrast question, sample the actual text and the immediate background behind it.
03Choose the output format based on the next step
The copied value should match the place it is going. A design note may need Hex. A SwiftUI prototype may need Color(red:green:blue:). A CSS bug report may need RGB or rgba. A plain review note may only need Hex plus the page number.
| Next step | Useful format | Extra note |
|---|---|---|
| Design or brand review | Hex | Add page number and role name. |
| CSS issue | RGB or CSS rgba | Record foreground and background together. |
| SwiftUI prototype | SwiftUI Color | Verify the value against the intended design source. |
| Palette handoff | Hex plus exported palette | Name picks before export. |
04Check contrast only when text is involved
Not every PDF color needs a contrast check. A decorative chart fill, divider, or background block may not be a readability issue. Text, labels, captions, and UI screenshots are different because someone must read them.
WCAG's contrast guidance gives a useful review baseline: normal text generally needs at least 4.5:1 contrast, and large text has a 3:1 threshold. TeenyColor calculates quick contrast against white and black for every picked color. For a real PDF text check, sample both the foreground and background and keep the pair together in the note.
If the PDF is a screenshot of an app, judge the screenshot as the recipient sees it. If the underlying app has different source colors, that is a separate app or design-system check.
05Know when the PDF sample is not enough
A visible PDF sample is evidence of what the page rendered on your Mac. It is not a complete color-management audit. It can be affected by export settings, profile conversion, transparency flattening, compression, antialiasing, zoom, display profile, and viewer behavior.
Use the source design file when you need the official brand value. Use ColorSync Utility or the exporting app when profile behavior is the suspected problem. Use a PDF editor or prepress workflow when you need production values inside the PDF file.
When the PDF is part of a broader handoff, pair this pass with checking image color shift on Mac and the TeenyApps image handoff checklist.
Five-minute PDF color-picking workflow
- Open the PDF in the viewer and context you want to review.
- Set the zoom before sampling.
- Pick the largest stable area for the role you care about.
- Copy the color in the format your next tool expects.
- Rename or pin the pick if you will cite it later.
- For text, sample foreground and background together.
- Record page number, zoom, sample purpose, and final decision.
Sources checked
- TeenyColor feature claims were checked against the TeenyColor homepage and local Swift source for
NSColorSampler, sRGB conversion, pasteboard copy, nine output formats, local history, names, pins, exports, contrast badges, and Screen Recording failure messaging. - Apple Support: View PDFs and images in Preview on Mac.
- Apple Support: Allow apps to use screen and audio recording.
- Apple Developer Documentation: NSColorSampler.
- W3C WAI: Understanding Success Criterion 1.4.3 Contrast (Minimum).
FAQ
Can I pick a color from a PDF on Mac?
Yes. Open the PDF, show the page at the size you want to review, then use a screen color picker to sample the visible rendered pixel. Record the page number and what the sampled color represents.
Why can PDF color values differ from the design file?
The visible PDF pixel may reflect export settings, color profiles, scaling, antialiasing, compression, transparency, and display behavior. Treat it as rendered review evidence, not the original design source value.
Does TeenyColor upload the PDF?
No. TeenyColor samples visible screen pixels with Apple's color sampler, copies the selected format, and stores local color history. It does not upload the PDF or the sampled values.
Sample PDF colors without uploading the document.
teenycolor samples visible colors, copies nine formats, keeps local history, supports names and pins, exports palettes, and shows quick contrast badges against white and black.