The color picker that injects nothing into the DOM.
Pick any color from your screen and copy it in one click as a Tailwind v4 variable, OkLCH, utility class, or RGB. Zero-DOM: no content script on the page — so the picker can't trigger React/Next.js hydration mismatches the way overlay-based pickers do.
Early Access Pro $3.99/mo or $24/yr · Lifetime $59 one-time · Team $49/yr · 30-day money-back. Free forever: HEX & RGB.
// pick · drag the L/C/H sliders · copy the token — live, 0 nodes injected
Why OkLCH, not HEX
Equal step size, uniform brightness — that's why the 50–950 scales are truly consistent.
// equal L steps across all hues — only a tool that computes in OkLCH space can do that.
From the eyedropper to the @theme variable — without leaving the tab
CleanPick Dev handles conversion, palette, and accessibility check while you stay in the flow.
4 export formats in one click
Every pick is instantly translated into all relevant formats — ready to copy by click or keyboard.
/* picked with CleanPick → Tailwind v4 */@theme { --color-slate-800: oklch(0.279 0.041 256); --color-slate-600: oklch(0.446 0.043 257); --color-slate-400: oklch(0.704 0.040 256);}Local-first & Zero-DOM
No script on the visited page. No hydration errors. Picks stay 100% local.
Harmonic shades
From a single color, the complete 50–950 Tailwind scale — tuned in OkLCH.
WCAG contrast HUD
Live check for white & dark text — AA/AAA right as you pick.
W3C Design Tokens
Export as DTCG-compliant tokens.json — ready for any design system.
Keyboard-first
Space picks, arrows navigate, Enter copies — the entire workflow without a mouse.
From pick to production in one click
- 1Pick — Space opens the native eyedropper, right in the side panel.
- 2Convert — instantly into OkLCH, Tailwind v4, Utility & RGB.
- 3Copy — one click on the card and the value is on your clipboard.
- 4Export — the whole palette as W3C design tokens.
Built for modern frontends
Tailwind v4 projects
Theme variables and arbitrary values in the OkLCH standard — copy & paste into your @theme.
Design Systems
Consistent scales and W3C tokens, seamlessly across Figma & code pipelines.
Accessibility Audits
Check WCAG contrasts right as you pick — AAA-compliant palettes without an external tool.
Your picks never leave your device
"Local-first" isn't a slogan, it's the architecture — verifiable.
No telemetry, ever
The picker sends no color or page data to any server. No analytics SDKs, no tracking, no account.
Zero-DOM footprint
No code is injected into the pages you visit — so the picker can't interfere with a page's hydration.
Local storage only
History & license live in chrome.storage.local — on your device. More in the Privacy Policy.
{ "manifest_version": 3, "permissions": ["sidePanel", "commands", "storage"], // no "host_permissions" // no "content_scripts" // ↑ that is the entire permission surface}No host access · no page injection · no remote code. The picker only needs local storage, the side panel, and a keyboard command.
"I was tired of translating hex values into OkLCH by hand — and of picker extensions wrecking my DOM. So I built CleanPick Dev: local-first, zero-DOM, Tailwind v4 native."
Founder · Flowent · Freiburg, Germany
What CleanPick Dev does differently
Most pickers inject an overlay into the page and guess Hex→RGB. CleanPick doesn't — Zero-DOM, OkLCH native, and with a one-time Lifetime option instead of subscription-only.
| Feature | CleanPick Dev | Typical color pickers |
|---|---|---|
| No content script / Zero-DOM | Yes | Injects a content-script overlay |
| Tailwind v4 theme variable & OkLCH native | Yes | HEX / RGB output only |
| Live WCAG contrast HUD | Yes | Not built in |
| W3C / DTCG design token export | Yes | Not supported |
| Local-first · no network calls | Yes | Often phones home / cloud sync |
| Pricing model | Pro $3.99/mo (or $24/yr) or Lifetime $59 one-time | Subscription only |
Plans for every workflow
Try free: HEX & RGB, unlimited, no sign-up. Unlock all premium formats — as a monthly subscription, a one-time Lifetime purchase, or for your team.
Pro
billed annually at $24/yr · −50%
monthly · cancel anytime
- Unlimited OkLCH picks
- Tailwind v4 export & W3C clean code
- Harmonic shades & WCAG HUD
- 1 device activation
Lifetime
one-time payment · yours forever · no subscription
- Lifetime access — everything in Pro
- All future updates included
- 1 device activation
- 30-day money-back guarantee
Team
5 device activations · share one key
- Everything in Pro
- 5 device activations
- Annually · cancel anytime
Prices in USD, plus any applicable local taxes · Payment, invoice & VAT via Paddle (Merchant of Record) · Subscriptions cancelable anytime · 30-day money-back. Your 14-day EU right of withdrawal also applies.
Need 5+ seats or invoicing? Email support@flowent.de.
Frequently asked questions
Which browsers are supported?
What's the difference between Free and Pro?
@theme export, harmonic 50–950 shades, the live WCAG HUD and W3C/DTCG token export.Do I need an account?
Can I move my license to another computer?
What data is stored?
chrome.storage.local and never leave your device. Details in the Privacy Policy.How do I activate Premium?
PREMIUM-XXXX by email, which you enter in the extension under "Settings & License".Which payment methods & invoice?
Is there a money-back guarantee?
Give your frontend the colors it deserves.
Local-first, Tailwind v4 native — Pro $3.99/mo or $24/yr · Lifetime $59 one-time.