PDF Document Color Inspector
Render PDF pages locally in your browser to sample vector artwork, brand guidelines, and slides.
Upload a PDF File
Upload brand deck, vector graphics, or PDF guidelines
Precision HEX & RGB Pixel Inspector
Hover over microscopic image details with our 12x magnified loupe reticle to extract exact HEX image color picker and RGB image color picker values in real time.
Automatic Palette Generator
Use our built-in Palette Generator to instantly quantify dominant color swatches from photos, PDF documents, and website screenshots with client-side algorithms.
100% Free & Private Browser Tool
Our free image color picker operates completely inside your browser using HTML5 Canvas. Zero file uploads guarantee total privacy for your graphics and brand assets.
Want to learn more about color picking standards?
Read our complete guide covering HEX, RGB, HSL, CMYK, PDF extraction, and WCAG contrast rules.
Frequently Asked Questions
Everything you need to know about picking colors, extracting HEX codes, and generating palettes online.
How do I pick a color from an image?↓
To pick a color from an image, simply drag and drop your image file into the AI Image Color Picker tool, paste an image from your clipboard using Ctrl+V (or Cmd+V on Mac), or enter an image URL. Hover your cursor over any part of the image to zoom in with the 12x pixel loupe magnifier, then click to select and lock your exact color.
How do I find the HEX color code from an image?↓
Upload your photo into the image color picker. Hover over the specific pixel you want to sample. The tool instantly displays the 6-digit HEX color code (e.g. #0070F3) in the live inspector card. Click the 1-Click Copy button to copy the HEX code directly to your clipboard.
How do I get the exact color code from a picture?↓
Load your picture into the browser tool. The precision 12x loupe magnifier reticle lets you target microscopic pixel grid details. When you click on any pixel, the tool extracts exact color codes across all major formats including HEX, RGB, HSL, HSV, CMYK, LAB, and Tailwind CSS v4 class names.
Can I pick a color from a screenshot?↓
Yes! You can pick colors from any screenshot. Take a screenshot on your computer or phone, then press Ctrl+V (or Cmd+V) to paste it directly into the tool without saving it to disk, or upload the screenshot image file directly.
What color formats does the Image Color Picker support?↓
The tool supports HEX (#RRGGBB), RGB (Red, Green, Blue integers 0-255), HSL (Hue, Saturation, Lightness), HSV (Hue, Saturation, Value), CMYK (Cyan, Magenta, Yellow, Key percentages for print), LAB color space, and Tailwind CSS v4 arbitrary color utility syntax (bg-[#...]).
Can I extract a color palette from an image?↓
Yes. Upon loading an image, the automatic Palette Generator analyzes pixel density and extracts the top 8 dominant swatches. You can export the full palette into CSS Custom Properties (:root), Tailwind CSS v4 (@theme), raw JSON arrays, or SVG swatch grids.