Color Picker Pro

Pick any color on your screen, check its contrast and turn it into palettes, gradients and ready-to-use code, all on your device.

Color Picker Pro picks any color on your screen, turns it into code and builds palettes around it — in one small window, with no uploads, no server and no account. HOW IT WORKS • Click the extension icon (or press Ctrl+Shift+X, ⌘+Shift+X on Mac) • Click Pick Color (or press P), then click anywhere on your screen • See the color in every common format, along with its closest named color, and your preferred format is copied automatically • Or type cp and a color in the address bar to convert it and open it in the picker • Press Ctrl+K (or /) to find any command or tool FEATURES 🎯 Pixel-accurate picking powered by Chrome's native EyeDropper API 📋 One-click copy in eight color formats, with optional auto-copy after each pick ⌨️ Type or paste any CSS color, nudge it with the keyboard, and undo or redo any change ⚡ Command palette (Ctrl+K or /) for every action, tab and tool ℹ️ Color info: the closest named color, its family and temperature, brightness, complement and how it differs from your previous color 🎛 Adjust: sliders, a picker pad and 10 one-click transforms such as lighter, darker, warmer and cooler 🎲 Palette generator: press Space for a fresh palette and lock the colors you like, with six extra moods in Pro 🎨 Palette tools: tints and shades, color harmonies, 27 ready-made palettes and, with Pro, full design-system color scales 💻 Code snippets for web, iOS and Android projects: 7 languages free, 12 with Pro ♿ Contrast checker: see whether text is readable against its background under the WCAG guidelines, and get an accessible alternative in one click; Pro adds a contrast grid for a whole palette 🧲 Extract palettes from the current page, an image or a CSS file, or, with Pro, from a snapshot of any app on your screen 🔘 Styles: button styles with copy-ready CSS, a shadow generator and 24 icons you can copy as code 🌈 Gradient builder: linear, radial and conic gradients at any angle, with smoother blending options in Pro 👓 Color-blindness preview for four types of color vision deficiency, and for whole palettes with Pro 🕐 Recent colors and named palettes: drag to reorder, undo any delete, export to 8 formats for code and design apps (12 with Pro), and back up or restore everything ⬇️ Downloads (Pro): save a palette as an image card or as a file for your design tools 🖱 Right-click menu: open the picker, or open it and scan that page's colors 🔍 Mini mode, adjustable size and a floating always-on-top bubble 🖌 Accent colors for the interface, including one that follows your current color (Pro), plus a calm-motion option 🌓 Dark / light theme — automatic or your choice; English and Tiếng Việt 🆕 A What's new sheet after every update 🔒 100% local — zero network requests, zero tracking, zero accounts FREE & PRO Picking, converting, contrast checks, palettes, gradients, styles and page / image extraction are free. Pro is a one-time upgrade for the power tools. • Free: 24 recent colors, 3 palettes of up to 32 colors, code in 7 languages and 8 export formats • Pro: 100 recent colors, 50 palettes of up to 200 colors, code in 12 languages, 12 export formats, file downloads, extra generator moods, design-system scales, palette-wide contrast and color-blindness checks, screen snapshots, smoother gradients and more accent colors • Try every Pro feature free for 7 days — no sign-up, no card • Your license key is checked offline, on your device — no account, no server, works without internet BUILT FOR DEVELOPERS & DESIGNERS Whether you're matching a brand color, debugging CSS, shipping a design system or building a palette, Color Picker Pro gets you the exact value in two clicks — nothing more to install, nothing to configure. PRIVACY FIRST Color Picker Pro has no backend. Your colors, palettes, settings and license key are stored only in your browser's local storage and are never uploaded anywhere. No analytics, no tracking, no account. A page is only read when you press Scan page, and your screen is only captured — one frame, in memory — when you press Screen. Full privacy policy: https://claude.ai/artifact/55ZaJYvGhey8zsLmH2L454