Color Picker by Alanas

Pick any color on any page with the native browser eyedropper. Save to a local palette. Copy the whole palette as CSS variables or JSON. Requires a Chromium-based browser. Firefox does not ship the EyeDropper API.

0 (0 reviews)

Download Firefox and get the extension

Download file

About this extension

Color Picker grabs any color from any page. It saves picks to a local palette. Then it copies the whole palette as CSS variables or a JSON token map.

Important note for Firefox users: The EyeDropper API is not available in Firefox yet. The extension installs, but the popup shows a "Not supported in this browser" message. Use Chrome 95+ or Edge 95+ for the full feature.

What it does:
Click the toolbar icon, then [Pick a color]. The native browser eyedropper opens. Click anywhere on screen. The color lands at the top of your palette. Click any swatch to copy its hex. Or copy the whole palette as CSS variables or JSON.

Features:
- Native browser eyedropper. No in-page injection, no broken pages.
- Local palette of up to 50 colors.
- Copy as CSS variables (a :root { --color-1: ...; } block).
- Copy as JSON token map.
- Click any swatch to copy its hex.

Rated 0 by 0 reviewers

Data collection: