Color Picker & Eyedropper - CSS Inspector

Pick element color live, pixel eyedropper loupe, extract color palettes, CSS variables & typography hierarchy instantly.

🎯 **Color Picker & Eyedropper - Live Color Inspector Tool** The ultimate browser extension for UI/UX Designers and Frontend Developers to pick colors live with a pixel-perfect Eyedropper loupe, extract CSS variables, typography hierarchy, and color palettes instantly! ✨ **KEY FEATURES:** 🎯 **1. Live Element Color Inspector** • Hover over any HTML element on a webpage to inspect its real-time color tokens in a floating HUD. • Shows background color (HEX, RGB), text color, border color, and HTML tag name instantly. • Click any element to automatically copy its color code to your clipboard with toast notifications. 👁️ **2. Pixel Eyedropper (Native Magnifying Loupe)** • Zoom in on individual pixels across any webpage (including canvas, images, and SVG graphics). • Pick exact pixel colors with high precision using Chrome's native magnifying eyedropper. 🎨 **3. Color Palette Swatches & History** • Automatically extract primary, secondary, and dominant color palettes from the active page. • Save and organize your recently picked color history for fast batch copy. 🔤 **4. Typography & Asset Inspector** • Inspect font families, font sizes, font weights, line-heights, and text color hierarchy. • Quickly view and collect visual assets used on the current site. 🛡️ **PRIVACY & PERFORMANCE:** • **100% Private:** Runs entirely locally inside your browser. No user tracking, no backend server. • **Fast & Lightweight:** Built for speed with a modern, sleek dark interface.