Color Picker Pro - Auto Palette Generator & Color Harmony

Pick colors from any webpage instantly. Auto palette generator, 11 harmony types, WCAG contrast checker & design token export.

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.