ColorScout
Extension Actions
Pick colours from any page and copy them to your clipboard. HEX & RGB with history and contrast hints.
ColorScout โ The Modern Color Picker & Eyedropper for Chrome
๐จ Instantly Pick, Copy & Save Colours from Any Website
ColorScout is a modern, intuitive color picker Chrome extension that lets you identify, copy, and store colours (HEX or RGB) directly from any webpage โ in a single click.
Built for designers, developers, and creatives, ColorScout brings the power of a professional colour tool right into your browser, combining accuracy, accessibility, and speed in one beautiful interface.
๐งช Currently free while in beta โ try it out and help shape the future of web-based colour tools.
๐ What ColorScout Does
๐ข Pick colours from any webpage using Chromeโs built-in EyeDropper API.
๐ฃ Copy HEX or RGB codes instantly to your clipboard.
๐ต Keep a history of your most recent colours (up to 12).
๐ Check contrast ratios for accessibility (AA / AAA).
๐ด Switch between formats โ HEX โ RGB with one click.
โช View colours against white / black backgrounds for real-world contrast checks.
๐ค Use a keyboard shortcut (Alt + Shift + C) to open the picker instantly.
โซ Stay private โ everything happens locally in your browser.
No sign-up. No ads. No tracking. Just colour.
๐ง How It Works
Click the ColorScout icon in your Chrome toolbar.
Press Pick colour to activate the Chrome EyeDropper tool.
Hover over any pixel on the page and click once.
Your selected colour appears in the popup with its HEX and RGB values.
Itโs automatically copied to your clipboard and saved in your colour history.
Thatโs it โ fast, accurate, and effortless.
โก Why Designers & Developers Love ColorScout
โ
1. Currently Free in Beta
Try all premium features at no cost while weโre perfecting the product.
โ 2. Lightning-Fast & Lightweight
Under 200 KB, fully native to Chrome โ no bloat, no lag.
โ 3. Precision You Can Trust
Powered by Chromeโs EyeDropper API for pixel-perfect colour detection.
โ 4. Accessibility Ready
Automatic contrast analysis helps ensure your colours meet WCAG AA and AAA standards.
โ 5. Privacy by Design
Everything runs locally in your browser. Nothing is uploaded, tracked, or shared.
๐งฉ Key Features in Detail
๐ฏ One-Click Colour Picker
Activate the EyeDropper tool, hover, and click โ youโll see a live preview of the pixel youโre sampling.
๐ Auto Copy to Clipboard
Every colour you pick is automatically copied in HEX. Toggle to RGB with a button.
๐๏ธ Built-In History
Your last 12 colours are displayed in a clean grid layout. Re-select any colour instantly.
๐จ HEX โ RGB Conversion
Switch format modes with one click. Perfect for designers (HEX) and developers (RGB).
โฟ Contrast Checker
Instantly view colour contrast ratios against white and black backgrounds to test readability.
๐พ Local Storage
All history and settings are stored via chrome.storage.local, ensuring your data never leaves your browser.
๐งฎ Developer-Friendly
Copy CSS-ready values straight into your codebase โ ideal for React, Tailwind, Bootstrap and custom CSS projects.
๐ Keyboard Shortcut
Trigger the colour picker from anywhere with Alt + Shift + C.
๐ผ๏ธ Works Everywhere
Compatible with all Chrome and Chromium-based browsers (Edge, Brave, Opera GX etc.).
๐งโ๐จ Who Itโs For
๐จ Web Designers โ match website colours precisely.
๐ป Frontend Developers โ grab colours directly from UI elements.
๐๏ธ Graphic Designers โ build palettes from live sites.
๐งญ UI/UX Teams โ check accessibility contrast in seconds.
๐งโ๐ Students โ learn about HEX, RGB, and WCAG.
๐ข Marketing & Brand Teams โ ensure colour consistency online.
If your work involves colour, ColorScout fits your workflow.
๐ฌ Common Use Cases
Capture a clientโs brand colours instantly.
Audit website contrast for accessibility compliance.
Recreate colour palettes from competitors or inspiration sites.
Extract colour schemes for design systems.
Copy HEX codes into Figma, Photoshop, Webflow, or VS Code.
๐ Privacy & Permissions
ColorScout requires only essential Chrome permissions:
Permission Purpose
activeTab Allows the EyeDropper to sample colours on your current page.
clipboardWrite Enables auto-copy of selected colours.
storage Saves your colour history locally.
scripting Safely executes the EyeDropper on active tabs.
No personal data, browsing history, or analytics are collected.
You stay in full control of your data at all times.
Read our full Privacy Policy for details.
๐งฑ Technology & Reliability
Built on Manifest V3 (latest Chrome extension standard)
Uses native Chrome APIs only (EyeDropper + Storage)
Written in vanilla HTML, CSS & JavaScript
Fully sandboxed for speed and security
No frameworks, no tracking scripts, no external dependencies.
๐งช Currently Free While in Beta
ColorScout is in open beta and available free for a limited time.
All features are unlocked โ no paywalls or upgrade prompts โ while we gather community feedback and improve stability.
After the beta, a Pro version may be introduced for advanced users.
Install now to enjoy full access while itโs free.
๐ Browser Support
โ Google Chrome (latest)
โ Microsoft Edge (Chromium)
โ Brave Browser
โ Opera GX (Chromium)
ColorScout is optimised for all Chromium-based browsers on Windows, macOS, and Linux.
๐ก User Feedback
โA sleek, modern take on ColorZilla.โ
โLove how it just works โ no accounts, no fuss.โ
โThe history grid makes palette creation so easy.โ
โFinally, an eyedropper that looks as good as it performs.โ
๐ฆ Summary
ColorScout is a modern color picker & eyedropper for Chrome, built for professionals who value simplicity, speed, and precision.
โ
Pick any colour from any site
โ
Copy HEX / RGB instantly
โ
Check contrast ratios
โ
Save your history
โ
All local, no tracking
โ
Currently free in beta
The perfect tool for designers, developers, and creatives who live in colour.
Privacy Policy - https://sites.google.com/view/privacypolicy-colorscout