Image Color Picker
Upload Image to Pick Colors
Drop an image here or click to browse
Drop files or Browse on this device · JPG, PNG, WebP · Max 50.0 MB
Upload any photo, logo, UI screenshot, or mockup. Inspect exact pixel colors with the live loupe and extract palettes privately.
Selected color
How this tool works
What it accepts, how to use it, and where your input is processed.
Show GuideHide Guide
How this tool works
What it accepts, how to use it, and where your input is processed.
The Image Color Picker & Palette Extractor allows designers, developers, and creators to inspect individual pixels from any image using an 8x zoom loupe. Extract dominant color themes, verify WCAG contrast accessibility, and convert values across HEX, RGB, HSL, and CMYK formats — completely offline and privately in your browser.
Magnify image details up to 16x with an integrated reticle to pick exact pixel colors without guessing.
Extract the top 8 dominant colors using color quantization buckets and export directly to CSS variables or JSON.
Your photos and graphics are processed entirely in browser memory. No images or files are ever sent over the network.
Color Model Reference
| Format | Syntax Example | Primary Use Case |
|---|---|---|
| HEX | #3B82F6 | Web design, CSS stylesheets, UI mockups |
| RGB | rgb(59, 130, 246) | Digital screens, canvas manipulation, OpenGL |
| HSL | hsl(217, 91%, 60%) | Dynamic theming, shade variations, CSS lighting |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Offset printing, brochures, physical merchandise |
Frequently Asked Questions
How does the loupe magnifier work?
When hovering over the image, a high-magnification sub-canvas samples the exact pixel data beneath the cursor without blurring or interpolation.
What are the WCAG AA and AAA requirements?
WCAG Level AA requires a contrast ratio of at least 4.5:1 for normal text, while Level AAA requires at least 7.0:1 for maximum readability.
Related tools
Open after you finish the primary task.
ShowHide
Related tools
Open after you finish the primary task.
Generate placeholder images with custom dimensions and colors for your UI mockups.
Calculate perfect dimensions for your images and videos based on common or custom ratios.
Protect your privacy by stripping metadata (EXIF) from your image files before sharing.