Pick any color on a page with pixel precision, then copy it as HEX, RGB, HSL or the nearest Tailwind CSS color. For designers and front-end developers.
Features
The eyedropper shows a magnifier over the page so you can aim at exactly the right pixel.
Every color shows as HEX, RGB, HSL and the nearest Tailwind CSS color. One click copies it to the clipboard. Your latest colors stay in the history.
“Analyze” lists the colors used on the page: backgrounds, text, borders and SVG. With Pro, up to 48 colors, saved straight into a palette.
Keep your colors in up to 50 named palettes of 30 colors each, synced between your computers by Chrome if you wish. Export them for your code or your design tools.
Light and dark themes, 22 languages.
Free and Pro
| Free | Pro | |
|---|---|---|
| Eyedropper with magnifier and keyboard aiming | Yes | Yes |
| Full-screen eyedropper, outside the page | Yes | Yes |
| HEX, RGB, HSL and Tailwind color | Yes | Yes |
| History | 10 colors | 500 colors |
| Palettes of 30 colors | One | Up to 50 |
| CSS, SCSS, Tailwind, JSON, .ase export | No | Yes |
| Colors of the analyzed page | 8 | 48, can be saved as a palette |
| WCAG AA and AAA contrast | No | Yes |
Pro is activated with your Vibevalse Suite license key, pasted in the extension's options (also reachable from the popup). Changing devices? Deactivate the license in the options, then enter the same key on the new one. The extension requires Chrome 127 or later.
The Vibevalse Suite unlocks Pro in Modern EyeDropper, in FocusLock and in every extension of the Suite, today's and tomorrow's. One payment, refunded within 14 days if it's not for you.
See the Vibevalse Suite