CleanPick Dev – Zero-DOM Color Picker

About

Pick any pixel on screen and ship it as the exact token — HEX, RGB, OkLCH and Tailwind v4 — without ever injecting a script into the page. CleanPick Dev is a local-first color picker built for frontend and design-system developers who care about modern color, accessibility, and speed.

It runs entirely in the Chrome Side Panel using the browser's native EyeDropper API. Nothing is injected into the sites you visit, nothing is tracked, and nothing leaves your machine.


⚡ PICK ONCE — GET EVERY FORMAT

Click "Pick Color" (or press Space), sample any pixel anywhere on screen, and read it back instantly in the formats you actually ship:

• HEX and RGB — always free, unlimited
• OkLCH (CSS Color 4) — mathematically exact sRGB → OkLab → OkLCH
• Tailwind v4 theme variables (@theme) and arbitrary utility classes
• Harmonic 50–950 shade ramp from a single pick
• W3C / DTCG design-token JSON export

Every value is one keystroke from your clipboard.


♿ ACCESSIBILITY, BUILT IN

A live WCAG contrast HUD scores white vs. dark text against your picked color in real time and flags AA / AAA pass-or-fail at a glance — so you catch unreadable combinations before they ship. No separate checker, no guesswork.


⌨️ KEYBOARD-FIRST WORKFLOW

Designed for developers who'd rather not touch the mouse:

• Space — trigger the EyeDropper
• 1–4 — copy a format directly
• ↑ / ↓ — move between formats
• Enter — copy the selected format
• Ctrl+Shift+Y — open the side panel anywhere

A persistent local pick history keeps your recent colors one click away.


🔒 PRIVATE BY DESIGN

• Zero host permissions required — installs safely with no "read and change your data" warnings.
• Zero-DOM footprint — never injects scripts or markup into web pages.
• 100% local — history and settings live only in chrome.storage.local
• No account, no analytics, no telemetry, no tracking, no network calls
• Requests only two permissions: sidePanel and storage

It just works, on any tab, instantly — and because it never touches the page DOM, it's immune to the React / Next.js hydration mismatches that break DOM-injecting pickers.


💎 FREE & PRO

FREE (no sign-up, no daily limit):
• Unlimited screen picks
• HEX & RGB output
• Live WCAG contrast HUD
• Local pick history

PRO unlocks the developer formats:
• OkLCH and Tailwind v4 (theme variables + utility classes)
• Harmonic 50–950 shade palette
• W3C / DTCG design-token export
• Extended pick history

Upgrade from $2/month (billed annually) or $3.99/month, with a one-time Lifetime option and a Team plan. Activate by pasting your license key in Settings — it's verified offline, so even unlocking needs no connection.

--------------------------------------------------

Built on Manifest V3 · Side Panel API · native EyeDropper. Available in 14 languages.

CleanPick Dev — pick a pixel, ship the token.