Pick Any Colour
Grab any colour on screen and keep a palette as you browse.
BeginnerBrowser extensionDev tool5–12hAI-buildable 5/5no setupworth shipping
What you're making
See a colour you like on a site and want it. Click the eyedropper, click the colour, and it's copied and saved. It builds up a palette as you browse, and tells you the actual CSS the site used rather than a rounded-off guess. Export the palette when you're done.
An eyedropper and palette collector that reads exact computed colours from the page rather than sampling pixels, then accumulates them into an exportable palette.
UI
Logic
Useful
Hosting · Free forever
Deploys free on Firefox Add-ons or GitHub Releases.
Firefox's store is free. Chrome's charges a one-off developer fee, so ship Firefox first if you'd rather pay nothing.
Free on Firefox Add-ons; Chrome's store charges a one-off developer fee.
Core features · 7
- Eyedropper picks a colour from anywhere on the page
- Reads the exact declared colour rather than a sampled pixel
- Copies the value in your chosen format
- Collects picked colours into a running palette
- Shows contrast between any two picked colours
- Exports the palette as CSS or JSON
- Palette persists across browsing sessions
The interesting part
- Reading a computed colour under overlays and transparency
- Elements inside cross-origin frames are not reachable
- Converting between colour formats without drifting
Once it works
- Extract a whole site's palette in one pass
- Detect gradients rather than flat colours
- Group similar colours automatically
Suggested stack
typescriptwebextension-api