Pick colors from any webpage instantly. Auto palette generator, 11 harmony types, WCAG contrast checker & design token export.
Users
23
β1 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
2
0 in 30 days
Store rank
#143K
#119K among extensions
Version
2.1.0
updated 12 May 2026
Users
monthly, 5 months
Latest, 16 Oct 2026:23 usersMove the mouse over the chart for any month
Ratings count
monthly, 5 months
Latest, 16 Oct 2026:2 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 - Auto Palette Generator & Color Harmony
Color Picker Pro β Auto Palette Generator & Color Harmony
All-in-One Color Solution for Designers & Developers
π¨ Pick Any Color Instantly
Click "Pick Your Next Color", then click anywhere on your screen to grab any color instantly. Works on any website, image, video, or UI element.
π’ 6 Color Formats at Once
Every picked color shows in HEX, RGB, HSL, HSV, OKLCH, and CMYK simultaneously. One click to copy in your preferred format.
π Auto Copy on Pick
Every color you pick is automatically copied to your clipboard. No extra step needed β just paste wherever you want.
π Persistent Color History
All picked colors are saved permanently. History stays even after closing the browser or restarting. Click any past color to copy it again instantly.
π Per-Site Color Tracking
Colors picked from each website are stored separately. Open the extension on any site to see every color you've picked there.
π Auto Palette Generator
Pick one color and instantly get 11 complete harmony palettes β Monochromatic, Analogous, Complementary, Split-Complementary, Triadic, Tetradic, Square, Warm, Cool, Neutral, and Accent.
π― My Palette
Save any color to your personal palette. Add names, star your favorites, and keep your color library organized.
π Tints & Shades Generator
Automatically generates 8 lighter tints and 8 darker shades from any color. Click to copy any variation instantly.
π¨ CSS Gradient Builder
Build a live CSS gradient from your saved palette. Choose direction and copy the full CSS code in one click.
π€ Export in 5 Formats
Export your entire palette as CSS Variables, SCSS, Tailwind Config, JSON Design Tokens, or a full HTML Style Guide ready to share with your team.
π Page Color Analyzer
Scan any website and extract every color used on the page. Instantly see the brand colors and dominant palette of any site.
βΏ WCAG Contrast Checker
Check any two colors for accessibility compliance. See the contrast ratio and whether it passes WCAG AA or AAA. Get instant fix suggestions if it fails.
ποΈ Color Blindness Simulator
Preview how your colors look to people with Protanopia, Deuteranopia, Tritanopia, and Achromatopsia. Design for everyone.
π¬ Element Inspector
Click any element on a page to instantly see its colors, font size, and dimensions β all without opening DevTools.
πΎ Download Harmony Palettes
Every harmony palette can be downloaded individually as PNG or SVG. Perfect for sharing with clients or adding to design files.
π Dark & Light Mode
Full dark and light theme support. Starts in light mode by default. Switch anytime.
β¨οΈ Keyboard Shortcuts
Alt+Shift+C to pick a color from anywhere. Esc to cancel. M to toggle multi-pick mode.
π 100% Private & Local
All data stays in your browser. Nothing is sent to any server. Clear everything anytime with the Reset button.
π₯ Daily Streak Counter
See how many colors you've picked today. Stay productive and track your design activity.
β‘ Built for Speed
Instant activation. No signup. No permissions beyond what's needed. Just open and pick.
Powered by Odleans.com Β· Built for designers, developers & marketers who work with color every day.