Pick Colors from PDF Quickly & Easily
Need to match colors from a brand guideline PDF, report, or document? Capture the page as an image, then use our free Image Color Picker to read the exact HEX of any pixel and convert it into RGB, HSL or CMYK.
There is no PDF color picker on this site, on purpose
A PDF does not store a grid of pixels. It stores instructions - where a glyph goes, which path is filled with which ink, what the page looks like at what size. Color only exists once something has decided to render it, and the result depends on that renderer: zoom level, background, whether the viewer honors the document's color profile, and whether the page was ever meant to be read on screen at all.
So rather than promise a button that cannot exist honestly, this page gives you the three routes that do work, what each costs, and which one to reach for. Every one of them ends at the same place: the Image Color Picker or the screen Color Picker, reading a real pixel.
How to Pick Colors from a PDF
Screenshot the PDF
Open your PDF and capture the section with the colors you need using your OS screenshot tool.
Upload the Image
Drop the screenshot into our Image Color Picker. Supports PNG, JPEG, and WebP formats.
Pick Any Color
Hover with the magnifying glass and click on any element to extract its exact color value.
Copy & Apply
Get HEX, RGB, and HSL codes instantly. Copy with one click and use in your projects.
The three routes, compared
All three end in the same tools; what changes is how far the number sits from whatever your display happened to show.
| Route | How it works | Reach for it when | Watch out |
|---|---|---|---|
| Export the page as an image | Your PDF app writes a page out as PNG - Acrobat and LibreOffice Draw both offer it, and poppler's pdftoppm does it from the command line | You need the whole page, or the file will be reused | Check the export size; a page rasterized at screen resolution gives thin lines and muddy fills |
| Screenshot a section | Zoom the document to 100% or more, capture the swatch with the OS tool, save as PNG, upload it here | You want one color from one paragraph or logo | The capture passes through your window compositor, so anything layered over the page is in it too |
| Pick straight off the screen | Open the document in one window and this tab in another, then use the screen Color Picker with the EyeDropper API | The PDF is only ever going to be looked at, not exported | Needs desktop Chrome, Edge or Opera; Firefox and Safari have no route here |
| Go back to the source | Brand guideline PDFs are outputs. The design file, the style guide, or the site's own stylesheet still holds the tokens | Accuracy matters more than speed | Requires someone who can open the original, which is often the slowest part |
Screenshots should be saved as PNG. JPEG is fine for photographs and ruinous for flat color, because the encoder introduces values around every hard edge that no designer chose.
Extract Colors from Any Document
Perfect for brand guidelines, style guides, reports, presentations, and any PDF document with colors you need to match.
Frequently Asked Questions
Related Tools
How to Extract Colors from PDF Documents
PDF documents are everywhere in the design and business world — brand guidelines, style guides, annual reports, marketing materials, and client deliverables. One of the most common challenges designers and developers face is extracting the exact color codes from these documents to use in their own work. Whether you need to match a brand's primary color from their guidelines PDF or identify the color palette used in a report's charts, our tool makes it simple.
Why Extract Colors from PDFs?
Many organizations distribute their brand colors exclusively through PDF documents. Brand guideline PDFs typically contain color swatches with specific color references, but these aren't always in web-ready formats. When you need to implement a website or app that matches a brand's PDF guidelines, you need the exact HEX or RGB values. Manually guessing colors from a PDF is unreliable — our tool gives you pixel-perfect extraction every time.
Step-by-Step: Screenshot to Color Code
The process is straightforward. First, open your PDF in any viewer and zoom in to ensure colors are rendered at full quality. On Windows, use the Snipping Tool or Win+Shift+S to capture the relevant section. On macOS, press Cmd+Shift+4 to select the area. Save the screenshot as a PNG file for lossless quality. Then, simply upload the screenshot to our Image Color Picker and click on any element to extract its exact color.
Tips for Accurate PDF Color Extraction
For the most accurate results, ensure your PDF viewer is set to 100% zoom or higher — this prevents color interpolation that can occur at lower zoom levels. If the PDF contains color swatches, screenshot just the swatch area for maximum precision. Avoid screenshots of printed PDFs, as the printing process can shift colors. If possible, export the PDF page as a high-resolution image directly from your PDF reader for the best source material.
What to Do After Extracting Colors
Once you've extracted colors from your PDF, you can use them across your design workflow. Copy the HEX codes directly into your CSS, use them in Figma or Sketch, or feed them into our Palette Generator to build harmonious color schemes based on the extracted colors. Use the Contrast Checker to ensure your color combinations meet WCAG accessibility standards before implementing them in production.
All of our color tools are free, require no sign-up, and work entirely in your browser. Your PDF screenshots are never uploaded to any server, ensuring complete privacy — sampling happens against a canvas built by the File API in your own browser. Start extracting colors from your PDF documents today.
Getting the Number the Document Actually Uses
A captured swatch is an observation, not a specification. If a guideline says Pantone 2935 C and your screenshot measures a blue that reads slightly differently, the document is not wrong - you measured one renderer's opinion of it. Where the exact value matters, ask for it rather than inferring it: brand files usually carry a HEX or CMYK line next to the swatch, PDFs built from design tools inherit tokens you can request, and a live website's own stylesheet is one view-source away from the precise number.
When the specification genuinely is not available, take the measurement and write down how you got it - which route, what zoom, whether the capture was PNG. That single line of context is what makes the value defensible six months later, and it is the reason this page describes methods instead of pretending a button can bypass them.