Color Picker & Eyedropper - CSS Inspector icon

Color Picker & Eyedropper - CSS Inspector

by cuongdq0410 · Developer Tools
Manifest V3 Free
View in Chrome Web Store Data as of 15 Oct 2026

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

Users
2
−1 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#368K
#277K among extensions
Version
1.0.0
updated 24 Jul 2026

Users

monthly, 3 months
023Jul 2026Sep 2026Oct 2026
Latest, 15 Oct 2026: 2 usersMove the mouse over the chart for any month

Ratings count

monthly, 3 months
001Jul 2026Sep 2026Oct 2026
Latest, 15 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Color Picker & Eyedropper - CSS Inspector

🎯 **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.

Growth

WindowUsersChangeRatingsRating
7 days−1−33.3%00.00
30 days−1−33.3%00.00

Chrome Web Store search rankings

Where Color Picker & Eyedropper - CSS Inspector appears when people search the store, with the 30 day change
Search phrasePosition30 days
eyedropper#49−3

Version history

1 versions recorded
1.0.024 Jul 2026

Details

Category
Developer Tools
First seen
24 Jul 2026
Size
21 KB
Languages
en-US
Pricing
Free
Privacy policy
petalite-sapphire-ecd.notion.site
Extension ID
hkbjhdpdihmlghdjkgknpbnncflcmpfn

Permissions and risk

Moderate riskimpact 2, likelihood 3
Permissions
activeTabscriptingstorage
Site access
<all_urls>
Can read and change data on every website you visit.

Alternatives to Color Picker & Eyedropper - CSS Inspector

Extensions that rank for the same store searches or share the Developer Tools category, ordered by users