Color Picker Pro - Eyedropper, Palette & Color Codes by Zovo

Color Picker Pro
The #1 Color Picker & Eyedropper Extension for Chrome

Pick any color from any webpage, image, video, or gradient with pixel-perfect accuracy. Color Picker Pro is the fastest way to grab color codes, build color palettes, and check color contrast — right from your browser.

Whether you need a hex color picker, an RGB color code finder, an HSL color converter, or a full color palette generator, Color Picker Pro has you covered.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ EYEDROPPER & COLOR PICKER

Pick colors from anywhere on screen with the built-in eyedropper tool. Color Picker Pro uses Chrome's native EyeDropper API to read the actual rendered pixels on your screen — so it works on images, videos, canvas elements, SVGs, gradients, and any CSS-styled element.

▸ Pixel-accurate color picking from any webpage element
▸ Works on images, photos, videos, and embedded media
▸ Visual crosshair overlay with magnifier for precise selection
▸ One-click activation from the popup or keyboard shortcut

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ COLOR CODE CONVERTER

Every color you pick is instantly converted to multiple color formats. Copy the exact color code you need in one click.

▸ HEX color codes (#FF5733)
▸ RGB color values — rgb(255, 87, 51)
▸ HSL color values — hsl(14, 100%, 60%)
▸ CMYK color values (Pro)
▸ OKLCH and LAB color spaces (Pro)

No more switching between color converter tools. Pick a color, see every format, copy the one you need.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ COLOR PALETTE GENERATOR

Generate harmonious color schemes from any color you pick. Build professional color palettes in seconds.

▸ Complementary color pairs
▸ Analogous color schemes
▸ Triadic color combinations
▸ Split-complementary palettes
▸ Tetradic (double complementary) schemes

Save your palettes and access them anytime. Export to JSON, CSS, SCSS, or ASE for Adobe tools.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ WCAG CONTRAST CHECKER

Check foreground and background color pairs against WCAG 2.1 accessibility standards.

▸ AA and AAA compliance testing
▸ Real-time contrast ratio calculation
▸ Ensure your designs meet accessibility guidelines

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ GRADIENT DETECTION

Hover over elements with CSS gradients and see each color stop extracted automatically. No more inspecting stylesheets to find gradient color values.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ SAVE, ORGANIZE & EXPORT COLORS

▸ Save favorite colors to a personal color library
▸ Organize colors into named palettes
▸ Recent colors tracked automatically for quick reuse
▸ Export and import all your data as JSON
▸ Back up colors across devices or share with your team

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ KEYBOARD SHORTCUTS

▸ Alt+Shift+C — Activate the eyedropper color picker
▸ Alt+Shift+V — Quick copy the last picked color
▸ Fully customizable through Chrome's shortcut settings

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ WHO IS THIS FOR?

▸ Web Designers — Pick exact colors from live websites and design references
▸ Front-End Developers — Copy hex, rgb, and hsl color codes directly into CSS
▸ UX Engineers — Verify WCAG contrast ratios without leaving the browser
▸ Digital Artists — Build and save color palettes from web inspiration
▸ Print Designers — Get CMYK color values for print-ready specs
▸ Students — Learn about color theory with the palette generator
▸ Anyone who works with color on the web

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ PRIVACY FIRST

▸ No tracking, no analytics, no data collection
▸ No data sent to external servers
▸ Works completely offline
▸ All data stored locally in your browser
▸ Full export so you always own your data

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ WHAT'S NEW IN v2.0

▸ Native EyeDropper API for pixel-accurate color picking from images and video
▸ Rebuilt from the ground up with Manifest V3
▸ New color palette generator with 5 harmony types
▸ WCAG contrast checker for accessibility testing
▸ CSS gradient detection and color stop extraction
▸ Usage dashboard with streaks and activity tracking
▸ Redesigned settings with FAQ, feedback, and community features
▸ Faster performance and lower memory usage

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

✦ GET STARTED IN SECONDS

1. Install Color Picker Pro
2. Click the extension icon in your toolbar
3. Hit "Pick from Page" and click any color on screen
4. Copy the color code and paste it into your project

No sign-up. No configuration. Just colors.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Questions or feedback? Visit https://www.zovo.one/color-picker-pro

Built by Zovo — tools for designers and developers.