ColorSense — Color Picker & Eyedropper

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

As of June 2026, ColorSense — Color Picker & Eyedropper has 11 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

Usersno change0%
11
11
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
1.0.1
Manifest V3

History

7 snapshots

Tracking since Apr 11, 2026.

11.6472.3599999999999994Apr 11, 2026Jun 10, 2026
View as table
DateUsersRatingReviewsVersion
Apr 11, 20261.0.1
Apr 21, 20261.0.1
May 10, 202631.0.1
May 16, 202641.0.1
May 29, 202665.0011.0.1
Jun 4, 20265.0011.0.1
Jun 10, 202665.0011.0.1
Now115.0011.0.1

Permissions & access

Permissions
activeTabstorageclipboardWritescriptingsidePanel
Host access
<all_urls>

Screenshots

ColorSense — Color Picker & Eyedropper screenshot 1ColorSense — Color Picker & Eyedropper screenshot 2ColorSense — Color Picker & Eyedropper screenshot 3ColorSense — Color Picker & Eyedropper screenshot 4

About

🎨 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: [email protected]

Technical

Version
1.0.1
Manifest
V3
Size
954KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
jbkeenkbmobipcibbmileoppifdlnhol
Developer ID
u180e93d4ba23abd3091b2f26072aab4f
Developer Email
[email protected]
Created
Apr 10, 2026
Last Updated (Store)
May 18, 2026
Last Scraped
Jun 10, 2026
Website
Support URL

Data sourced from the Chrome Web Store · last verified Jun 10, 2026.