ColorSense — Color Picker & Eyedropper icon

ColorSense — Color Picker & Eyedropper

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

Pick colors from any webpage. Eyedropper with HEX, RGB & HSL, gradient generator and history. The ultimate tool for designers.

Users
13
+1 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
1
0 in 30 days
Store rank
#175K
#147K among extensions
Version
1.0.1
updated 18 May 2026

Users

monthly, 6 months
0613Apr 2026Aug 2026Oct 2026
Latest, 17 Oct 2026: 13 usersMove the mouse over the chart for any month

Ratings count

monthly, 6 months
001Apr 2026Aug 2026Oct 2026
Latest, 17 Oct 2026: 1 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 ColorSense — Color Picker & Eyedropper

🎨 ColorSense — The Smartest Color Picker for Chrome Pick any color from any webpage with pixel-perfect precision. ColorSense gives you professional-grade color tools right in your browser's side panel — fast, lightweight, and completely free. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ★ WHY DEVELOPERS & DESIGNERS LOVE COLORSENSE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ColorSense isn't just another color picker — it's 5 powerful tools in one beautiful, dark-themed interface: 🔍 ADVANCED EYEDROPPER • Pick colors from any webpage with a single click • 8x magnifier lens shows exactly what pixel you're selecting • Multiple sampling sizes: 1×1, 3×3, 5×5, and 11×11 pixel average • Keyboard shortcut: Ctrl+Shift+P (⌘⇧P on Mac) — no clicks needed! • Works on every website — YouTube, Dribbble, Behance, anywhere 📋 INSTANT COLOR CODES — ONE-CLICK COPY • HEX color codes → #8B5CF6 • RGB values → rgb(139, 92, 246) • HSL values → hsl(258°, 91%, 66%) • Click any value to instantly copy to clipboard • Paste directly into your CSS, Figma, Sketch, or any design tool 🌈 CSS GRADIENT GENERATOR • Create stunning linear & radial gradients with a visual editor • Multi-stop gradient builder — drag stops to position, click track to add new ones • Export ready-to-use code for: → CSS (background: linear-gradient...) → Flutter (LinearGradient widget) → Android XML (gradient resource) • Random gradient generator for instant design inspiration • Real-time live preview as you adjust angle, type, and colors • Double-click any stop to remove it 🎯 WEBSITE COLOR PALETTE ANALYZER • Extract every color used on any website in one click • Identifies background colors, text colors, and border colors • Instantly see the complete palette of any site • Click any extracted color to inspect it in detail • Perfect for studying design systems of top websites 📚 COLOR HISTORY & FAVORITES • Automatically saves your recently picked colors • Quick access to revisit and reuse past colors • Click any saved color to view full HEX, RGB, HSL details • Never lose a color you picked before ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ BUILT FOR SPEED & PRIVACY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Opens in Chrome's side panel — never interrupts your workflow • Zero data collection — your colors stay on YOUR device only • No accounts, no sign-ups, no tracking, no analytics • Works offline after installation • Incredibly lightweight — under 50KB total package size • Manifest V3 — latest Chrome extension standard ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 👥 WHO IS COLORSENSE FOR? ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ Web Designers — Pick brand colors from client websites ✅ UI/UX Designers — Build consistent design systems ✅ Front-End Developers — Grab exact CSS color values in seconds ✅ Graphic Designers — Match colors across different projects ✅ Students — Learn web design and color theory by analyzing real sites ✅ Content Creators — Find perfect colors for thumbnails & graphics ✅ Product Managers — Share exact colors with your development team ✅ Anyone who works with colors on the web! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🆚 COLORSENSE vs OTHER COLOR PICKERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Most color picker extensions only pick colors. ColorSense gives you: ✓ Magnified precision picking (8x zoom) ✓ Multi-size sampling (1×1 to 11×11) ✓ Full gradient generator with CSS/Flutter/Android export ✓ Complete website palette extraction ✓ Color history with auto-save ✓ Side panel UI — doesn't cover your page ✓ Keyboard shortcut for instant access ✓ 100% free, forever — no premium tier ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY & SECURITY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ColorSense respects your privacy completely: • No personal data collected — ever • No browsing history tracked • No cookies or analytics • All data stored locally on your device • Open and transparent — see exactly what permissions we use and why ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⬇️ Install ColorSense now — the last color picker you'll ever need! If you find ColorSense useful, please leave a ⭐⭐⭐⭐⭐ review — it helps other designers and developers find this tool! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📧 SUPPORT & FEEDBACK ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Found a bug or have a feature request? We'd love to hear from you! Contact: contact.shariar.cse@gmail.com

Growth

WindowUsersChangeRatingsRating
7 days+1+8.3%00.00
30 days+1+8.3%00.00
6 months+10+333.3%+1+5.00

Chrome Web Store search rankings

Where ColorSense — Color Picker & Eyedropper appears when people search the store, with the 30 day change
Search phrasePosition30 days
eyedropper#43−5

Version history

1 versions recorded
1.0.110 Apr 2026

Details

Category
Developer Tools
First seen
10 Apr 2026
Size
954 KB
Languages
en
Pricing
Free
Privacy policy
shariaralphabyte.github.io
Extension ID
jbkeenkbmobipcibbmileoppifdlnhol

Permissions and risk

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

Alternatives to ColorSense — Color Picker & Eyedropper

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