Color picker from PDF file
This subpage is dedicated to extracting exact HEX and CMYK color codes directly from your PDF pages. You can either upload a PDF file or provide a PDF URL to this color‐finder tool—no server upload required, everything runs in your browser.
Are you on the lookout for a simple, in-browser way to sample the precise HEX and CMYK values from any point in your PDF pages?
Once your PDF is loaded, simply hover over the rendered page in the canvas and click the point whose color you need. The tool will “snap” the pixel under your cursor, display its HEX and CMYK codes, and save them to a list below the canvas. You can then copy any color value straight into your design or print workflow.
Color Picker (upload PDF):
• Step 1 - Upload your file.
• Step 2 - Point and click.
New: Just paste a screenshot! Click here
Click here and paste your screenshot (Ctrl+V)
P.S. You can also drag and drop images here!
Hover and click to pick samples. You can also reset image or get a different one.
How we extract HEX values from PDF
When you load a PDF into this tool, it’s rendered into a canvas using PDF.js — the same engine used by modern browsers. That canvas contains millions of pixels, each with a specific RGB color.
Although a PDF stores colors using models like RGB, CMYK, or grayscale, once it’s rendered on screen, every visible point is converted into standard RGB. This makes it possible to extract a precise HEX and CMYK value from any point by simply clicking on the canvas.
Here’s how color extraction from a PDF works:
- Render: The PDF page is drawn into a hidden canvas, pixel by pixel.
- Sample: When you click, the tool reads the exact pixel color at that location using the canvas API.
- Convert: The RGB value is instantly translated into HEX and CMYK formats for use in digital and print work.
Your Thoughts...
More tools needed? Let us know!