Color Picker & Eyedropper - Pick Any Pixel

Eyedropper and color picker that reads the pixel you see. It samples a screenshot of the tab, so photos, gradients, video, canvas, WebGL and embedded maps give the real color. Click the icon and press Pick, or press Alt+Shift+C. Move over the page and click to copy the color as HEX. Or press and hold, slide toward a format and let go. Designers use it to grab the exact color of a logo, a photo or a button. Developers open the Page palette to see which colors a site's styles use. 🎯 The exact pixel on screen, in seven formats or all at once 🎨 The page's colors grouped by role, with a color contrast checker and exports 🔒 Free and ad-free, and everything stays inside your browser Eyedropper: --------------------- ✅ The loupe is a zoomed eyedropper: it magnifies the pixels around the pointer and shows the live value ✅ One click copies your default format. Hold for the ring to slide to another, HEX for the web, CMYK for print or OKLCH for modern CSS, and it becomes your default ✅ Arrow keys move one pixel, Enter copies, 1 to 8 copy a format, F opens the format list, Esc exits ✅ Keep picking leaves the picker open after each pick. Switch it on in the popup, or hold Shift ✅ Hover styles stay live under the loupe, and your clicks don't trigger the page's links or buttons ✅ On https pages, Pick from screen uses Chrome's own eyedropper and samples anywhere on your display, even outside the browser ✅ Works in Chrome's PDF viewer ✅ The popup keeps your last 12 colors. Click one to copy it again Page palette: --------------------- ✅ The colors the page's styles use, as text, background, border and accent, with how many elements use each ✅ Hover a swatch to outline the elements that use it ✅ Tokens: the CSS variables on :root, html and body, with their resolved colors ✅ Compare two swatches for the WCAG contrast ratio, AA and AAA for normal and large text, the 3:1 check for UI components, and APCA as a labelled draft number ✅ Copy or download the palette in seven export formats, from CSS variables for your stylesheet to a swatch file for your design app Privacy: --------------------- 🚫 No network requests, no remote code, no analytics, no account 🚫 Screenshots live in the tab's memory until the picker closes. Your settings and up to 50 colors of history stay in local storage on this device 🚫 Permissions: activeTab, scripting and storage. The picker reaches a page only when you start it there Good to know: --------------------- Values are the sRGB color of the pixel in the browser's own screenshot, refreshed up to twice a second. Pause a video to pick one exact frame. If no screenshot is available, the picker says "Screenshot not available" with "Retry" and, on https pages, "Use screen eyedropper". Zoomed in with a pinch? The loupe says "Reset zoom to pick". Browser pages and the Chrome Web Store are closed to every extension. For a local file, allow access to file URLs for Color Picker in chrome://extensions. The Page palette reads the page's own styles. Frames from other sites are counted, not scanned. Feedback and bugs: --------------------- Trouble on a site? Send the page address and your browser version through the Support link. Latest changes: --------------------- 1.0.0, September 2026: first release