ColorSense — Color Picker & Eyedropper

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

🎨 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