Simple Colour Picker

🎨 Grab Any Colour from Any Webpage — Instantly

Simple Colour Picker is a lightweight yet powerful eyedropper tool that lets you sample any colour from any webpage with pixel-perfect precision. Just click, pick, and the colour value is instantly copied to your clipboard — ready to paste into your code, design tool, or document.

Whether you're a web developer tweaking CSS, a designer matching brand colours, or just someone curious about a colour you spotted online, Simple Colour Picker makes the process effortless. No complicated setup, no permissions you don't need, no data collection — just a clean, fast colour picker that works exactly the way you expect.

⭐ Key Features

• Magnifying Eyedropper Lens — A custom-built colour sampling tool with a zoomed pixel grid (13×13 cells) that follows your cursor. See every pixel up close and pick exactly the colour you want, even from tiny UI elements or gradients.

• Instant Clipboard Copy — The moment you click to select a colour, it's automatically copied to your clipboard in your preferred format. No extra steps, no dialogs — just pick and paste.

• Three Colour Formats — Choose between HEX, RGB, or HSL output. Your format preference is saved and remembered across sessions, so you always get colours in the format you work with.

• Colour History — Your last 50 picked colours are stored locally and displayed as visual swatches in the popup. Click any swatch to see a detailed tooltip showing the colour in all three formats with individual copy buttons for each.

• Keyboard Shortcut — Press Alt+P (customisable) to activate the colour picker from any page without even opening the popup. Perfect for rapid colour sampling workflows.

• Dark Mode Support — The popup interface automatically adapts to your system theme, offering a comfortable experience whether you prefer light or dark mode.

• 55 Languages — Fully localised interface in 55 languages, so you can use Simple Colour Picker in your native language.

🔧 How It Works

1. Click the extension icon in your toolbar or press Alt+P
2. A magnifying lens overlay appears on the page, following your cursor
3. The lens shows a zoomed grid of pixels around your cursor position for precise selection
4. Below the lens, a tooltip displays the current colour in HEX, RGB, and HSL formats in real time
5. Click anywhere to pick the colour — it's instantly copied to your clipboard
6. Press Escape or right-click to cancel at any time

The picked colour and format are shown in the popup, and the colour is automatically added to your history for future reference. You can revisit any previously picked colour from the history panel and copy it again in any format.

💡 Use Cases

• Web Development — Quickly grab exact colour values from live websites for your CSS, SASS, or Tailwind config. No more guessing hex codes or using browser DevTools just to find a colour.

• UI/UX Design — Sample colours from existing interfaces, competitor websites, or design references to match palettes and ensure visual consistency across your projects.

• Digital Art and Illustration — Pick colours from reference images, mood boards, or online galleries to build your palette without leaving the browser.

• Accessibility Auditing — Identify exact foreground and background colours on a page to check contrast ratios and ensure WCAG compliance.

• Brand Compliance — Verify that published web pages use the correct brand colours by sampling directly from the live site.

• Education and Learning — Students and teachers can explore colour theory by sampling colours from real-world designs and seeing their values in different formats.

• Content Creation — Bloggers, social media managers, and marketers can match colours from websites, ads, or competitor pages for their own visual content.

• Presentations — Pick colours from any online source to ensure your slides and documents match a desired colour scheme.

🏆 Why Choose Simple Colour Picker

• Precision — The magnifying lens with a pixel grid gives you accuracy that basic eyedropper tools can't match. You see exactly what pixel you're selecting, even on complex gradients or busy backgrounds.

• Speed — One click to pick, instant clipboard copy, keyboard shortcut for hands-free activation. No menus, no confirmations, no friction.

• History That Works — Most colour pickers forget your colours when you close the popup. Simple Colour Picker saves your last 50 colours persistently with full format details and one-click re-copying.

• Truly Lightweight — The entire extension is under 170 KB. No bloated frameworks, no unnecessary features, no background processes consuming resources.

• No Permissions Overreach — Simple Colour Picker only requests the minimum permissions needed to function: access to the active tab (to capture colours), storage (to save your history and preferences), clipboard write (to copy colours), and scripting (to inject the eyedropper overlay). No browsing history, no tracking, no network requests.

• Works Everywhere — The custom Canvas-based eyedropper works on virtually any webpage, including complex single-page applications, embedded content, and dynamic interfaces.

🔒 Privacy and Security

Simple Colour Picker takes your privacy seriously:

• Zero data collection — no analytics, no telemetry, no usage tracking
• Zero network requests — the extension never contacts any external server, ever
• All assets bundled locally — fonts, icons, and scripts are included in the extension package
• Colours are stored only in your local browser storage and never leave your device
• Open and transparent — minimal permissions, no hidden functionality
• Works completely offline after installation

🔍 Technical Details

• Built with modern web technologies for maximum performance and reliability
• Custom Canvas-based eyedropper with real-time pixel sampling from tab screenshots
• Efficient colour format conversion between HEX, RGB, and HSL colour spaces
• Local storage for persistent colour history (last 50 entries) and format preferences
• Manifest V3 compliant — follows the latest extension platform standards
• Optimised for minimal memory and CPU usage — the eyedropper overlay is lightweight and responsive
• Keyboard command integration via the browser commands API for system-level shortcut support

✅ Get Started in Seconds

1. Install Simple Colour Picker
2. Click the extension icon or press Alt+P
3. Point at any colour on the page and click
4. The colour is copied — paste it anywhere you need

It really is that simple. No account required, no setup wizard, no configuration needed. Just install and start picking colours.

Simple Colour Picker — the fastest way to grab any colour from the web. Try it now and see how much easier your colour workflow becomes.