What it does
Sample an exact webpage pixel with the floating magnifier, copy it in common developer formats, organize a local color history, generate harmonious palettes and CSS gradients, or analyze the visible page for dominant colors.
Built for complete screenshot workflows
Floating pixel picker
Target borders, text, icons, and small details with a magnified panel showing live HEX, RGB, and HSL values.
Developer-ready formats
Copy standard values, CSS and SCSS declarations, Tailwind arbitrary colors, or JSON without reformatting.
History and palettes
Favorite or remove recent colors and create five useful harmony styles from the active selection.
Gradients and analysis
Build CSS gradients and extract dominant visible-page colors while keeping all processing inside Chrome.
Included features
- Sample visible pixels with a floating magnifier and live HEX, RGB, and HSL values
- Copy CSS variables, CSS declarations, SCSS variables, Tailwind colors, and JSON values
- Keep up to 24 recent colors with favorites, copy controls, and individual deletion
- Generate complementary, analogous, triadic, split-complementary, and monochrome palettes
- Create linear and radial CSS gradients with live previews and adjustable controls
- Analyze the visible webpage to find and reuse its dominant colors
- Work locally without analytics, accounts, or server uploads
Browser limitations
- Chrome blocks extensions from sampling protected pages such as chrome:// pages and the Chrome Web Store.
- The picker samples the currently visible part of a page. Scroll first when you need a color from another section.
Before installing
Version 1.1.1 is prepared for Chrome Web Store submission. The installation button will appear here after Google completes its review and the listing is published.