Color Picker
Pick any color on screen and copy the hex code
Color Picker lets you sample any pixel on any webpage, copy the hex, RGB, or HSL value instantly, and save swatches to a personal palette — no design tool required.
How It Works
Install
Add from Chrome Web Store. No account needed.
Click
Click the extension icon on any page.
Done
Instant results. Works everywhere.
The Problem
Designers waste minutes inspecting elements in DevTools just to grab a hex code
Screenshot-then-open-in-Figma workflows break the browser-to-design handoff
Existing color pickers only sample from the page HTML, missing canvas and SVG colors
Features
Pixel-Accurate Eyedropper
Samples the exact rendered pixel color — works on canvas, SVGs, gradients, and images.
Multi-Format Copy
One-click copy in HEX, RGB, HSL, or CSS variable format.
Swatch Palette
Save favorite colors to a persistent palette visible in the popup.
Color History
Last 20 picked colors are stored automatically for quick retrieval.
Permissions Transparency
We believe in full transparency. This extension only requests what it needs:
We never access your browsing history, passwords, or personal data.
Free to Use
No credit card. No account. Just install.
Free
- Eyedropper
- HEX/RGB copy
- Color history
Pro
- HSL + CSS var
- Swatch palette
- Export palette
- Contrast checker
Frequently Asked Questions
Does it work on images and canvas elements?
Yes — the eyedropper samples the composited pixel, so gradients, WebGL, and canvas are all supported.
Can I export my palette to Figma or CSS?
Export as a CSS file with custom properties or a JSON file importable into Figma via community plugins.