Color Picker Pro

by Full Screen Dev · techstoriesindia.com · Developer Tools

Established publisherManifest V3 Free

View in Chrome Web Store Data as of 15 Oct 2026

Scan any page's colors, pick pixels, check WCAG contrast, and export palettes as CSS, SCSS, Tailwind, JSON or Figma tokens.

Users

−1 in 30 days

Rating

0.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#349K

#268K among extensions

Version

1.9.11

updated 16 Jul 2026

Users

monthly, 3 months

Latest, 15 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 3 months

Latest, 15 Oct 2026: 0 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 Color Picker Pro

Color Picker Pro pulls every color a web page uses into one clean, organized palette — then lets you sample, inspect, and export them. FEATURES • Full-page color scan — reads text, backgrounds, borders, outlines, shadows, gradients, SVG fill/stroke, and pseudo-elements, including inside open Shadow DOM. Colors are deduplicated and ranked by use. • Categorized palette — filter by All / Text / Background / Border, plus Saved (pinned) and Recent (auto history) tabs. • Eyedropper — sample any pixel using the native EyeDropper API, with an automatic screenshot-picker fallback (frozen page + zoom loupe) for platforms without it, such as Linux. • Shades, tints & harmonies — generate lighter/darker steps and captioned Complementary / Analogous / Triadic groups for any swatch, and download the whole set as a PNG poster (quality adjustable in Settings, up to print resolution). • WCAG contrast checker — live AA/AAA pass/fail on a realistic mock UI card, with accurate alpha compositing. • Live element highlighting — hover a swatch to outline every element on the page using that color. • Search, color names, one-click copy (HEX / RGB / HSL). • Export — CSS variables, SCSS variables, JSON (with names, usage and categories), Tailwind config, Figma design tokens (W3C format), or a plain list; copy or download. Variables are auto-named from the nearest color name (e.g. --forest-green-01). • Open as a popup or a docked side panel. Your data stays on your device. No accounts, no tracking, no servers.