Color Grabber - An extension that finally makes grabbing colors from your browser painless (HEX, RGB, HSL, Palettes, Export to CSS/JSON/ASE)
Is there any extension that shows you a sample of a color when you select a hex value?
Created a handy Chrome extension to simplify picking colors. Need some feedback!
I built a free Chrome color picker that grabs HEX / RGB / HSL from any website
What are color picker extensions?
How to use these color picker extensions?
How does the color picker Chrome extension work?
Hey everyone,
I work a lot with web design and front-end, and constantly copying colors from websites was a small but annoying ritual: opening dev tools, finding the right element, converting values...
I solved this problem by building Color Picker & Eye Dropper. It's a comprehensive tool for working with colors directly in your browser.
What it does:
-
Instant Eyedropper: Point at any color → instantly get HEX, RGB, HSL. No more manual conversions.
-
Palette Generator: One click generates harmonious color schemes (Monochromatic, Triadic, Complementary). Perfect for quickly building gradients or logo ideas.
-
Smart Export: This is the feature I built it for. You can export your colors directly to:
-
CSS Variables (for copying into your code)
-
JSON (for configs or plugins)
-
Adobe ASE (for seamless import into Photoshop, Illustrator, etc.)
-
PNG Palette (for pixel art or game dev)
-
-
Contrast Check: Automatically checks readability against your current tab's background.
-
History of your last 20 picks.
The extension is free. I built it primarily for my own workflow, but thought it could be useful for other designers, developers, and anyone who works with color.
I'd love to get your feedback and suggestions! What would you add to a tool like this?
Would be super useful. Maybe it could just show a small popup with the color you select?