Color Picker Pro

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

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.