Image Color Picker: Eyedropper & Palette

Pick colors from any screen or image, extract 3-12 color palettes, check WCAG contrast, and get HEX, RGB, HSL & CMYK codes.

Image Color Picker is the ultimate color eyedropper, palette extractor, and contrast checker tool for web designers, frontend developers, and digital creators. Seamlessly integrated with the official Image-Color-Picker.com ecosystem, this lightweight extension lets you inspect exact pixel colors anywhere on your screen, capture browser tabs, scan webpage CSS colors, and generate embeddable color widgets. ======================================== ✨ KEY FEATURES ======================================== 🔍 1. Precision Screen Eyedropper & 9×9 Loupe Magnifier • Native EyeDropper API: Pick exact colors from any webpage or desktop window. • Real-time Loupe: 9×9 pixel magnification for millimeter precision. • Color Lock: One-click to lock color and automatically copy HEX code to clipboard. 📊 2. Comprehensive Color Format Conversions • Instant conversion between HEX, RGB, HSL, and CMYK. • Individual 1-click copy buttons for every format. • Previous vs Current swatch comparison. ♿ 3. WCAG 2.1 Contrast Checker • Real-time contrast ratio calculated against both pure White (#FFFFFF) and pure Black (#000000). • Clear AA Pass, AAA Pass, and Fail badges for accessible UI/UX design. 🎨 4. Tab Capture & Dominant Palette Extraction • Capture active tab screenshot into an interactive canvas. • Extract 3 to 12 dominant color palettes automatically. • Adjust palette size dynamically with (+) and (−) controls. 🌐 5. Webpage CSS Color Scanner • Scan computed styles across visible DOM elements. • Instant overview of background colors, text colors, and border colors used on any website. 💾 6. Export, Share & Embed • Download Palette PNG: Generates a high-res branded palette swatch card. • Embeddable HTML Palette Widget: Embed responsive color palettes with interactive color links directly on your blog, documentation, or portfolio. • Markdown Tables: Copy formatted markdown tables ready for GitHub READMEs, Dev.to, and Notion. • CSS Variables: Export clean `:root` custom properties ready for stylesheet integration. ⚡ 7. Multitask with Chrome Side Panel & Context Menu • Dock in Chrome Side Panel (Alt+Shift+S) to keep color tools open side-by-side while designing. • Right-click any image on the web to inspect colors instantly. ======================================== 🔒 PRIVACY & SECURITY FIRST ======================================== • Manifest V3 Compliant. • Zero data collection: We never collect personal data, tracking cookies, or browsing history. • All image processing and pixel calculations occur 100% locally in your browser memory. • No broad host permissions requested. ======================================== 🌐 OFFICIAL ECOSYSTEM ======================================== Powered by https://image-color-picker.com/ Explore 648 curated colors across 12 color families, browse shade harmonies, and check accessibility standards.