Pick exact colors from images with a live magnifying loupe. Extract dominant palettes, check WCAG contrast, and copy HEX, RGB, HSL, CSS variables, and Tailwind classes.
Inspect exact colors from any image or screenshot with a live magnifying loupe. Automatically extract harmonious dominant palettes, evaluate accessibility contrast against black and white text, and copy HEX, RGB, HSL, CSS variables, or Tailwind classes in one click. 100% private in-browser image analysis.
Step-by-Step Walkthrough
Step 1
Upload any image file, paste directly from your clipboard (Ctrl + V), or click a sample preset image.
Step 2
Move your cursor over the image to inspect individual pixels through the magnifying loupe, and click to lock a color.
Step 3
Review the extracted dominant colors and matching harmonies in the side panel.
Step 4
Click any color chip to copy its HEX code, or use the export buttons to copy CSS tokens or download a swatch card.
Pro Tip for Best Output Quality
Extremely large multi-gigapixel images will be scaled proportionally to ensure smooth 60 FPS cursor inspection.
Key Capabilities & Features
Precision Loupe Inspector
Hover over individual pixels with a 9x9 zoomed grid and real-time crosshair reticle.
Instant Dominant Palette
Automatically detects top harmonious colors and visual frequency weights.
Color Harmonies & Tints
Explore complementary contrasts, analogous flows, triadic balances, and light-to-dark shades.
WCAG 2.1 Contrast Scoring
Real-time readability check for white and black text with AA/AAA compliance ratings.
Multi-Format Code Export
1-Click copy for HEX, RGB, HSL, CSS Custom Properties, and Tailwind CSS configuration.
Downloadable Palette Swatch Card
Generate a high-resolution 1200x630 PNG swatch sheet for design system documentation.
Recommended Creative Use Cases
Frequently Asked Questions
Ready to try Image Color Picker & Palette Extractor?
Open the tool directly inside your browser. Completely free, zero file uploads, and no watermarks on your exports.