Color picker extension for Chrome, Edge and Firefox
Pick a color anywhere on a web page or paste any color code, then copy it as HEX, RGB, HSL or OKLCH in one click. Get the palette of a whole website and export it as CSS, Tailwind or design tokens.
Free, no account, works offline.
What it does
- Eyedropper
- Pick the color of any pixel on the page. The value is copied right away in your format.
- Any color in
- Paste HEX, rgb(), hsl(), oklch(), a Tailwind class like sky-500, Swift or Flutter code, or a name like navy blue.
- Every format out
- HEX, RGB, HSL and OKLCH side by side, each copied with one click. The format you choose becomes the default.
- Palette from a website
- Collects the colors and CSS variables of the open page, merges near duplicates and puts the most used first.
- Export
- Copy the page palette as CSS variables, a Tailwind @theme block, SCSS, JSON, design tokens or SVG.
- History
- Your recent colors wait in the popup. They are stored only in this browser.
Permissions
The extension asks for four permissions and never for access to all websites. Each one has a single job.
activeTab- Access to the tab you are on, and only after you click the extension icon or press its shortcut.
scripting- Runs the small script that reads colors from that page when you ask for its palette or pick a color.
storage- Keeps your recent colors and preferred format in this browser.
clipboardWrite- Copies the color or code you asked for.
What it never asks for
Access to all websites · Your browsing history or list of tabs · Analytics, ads or tracking · Code loaded from the internet
Keyboard shortcut
Press Alt+Shift+P on any page to pick a color without opening the popup. You can change the shortcut in the browser extension settings.
Questions and answers
Is the PickShade extension free?
Yes. The eyedropper, every format, the page palette, export and history are free, without an account and without ads.
Why does it not read some pages?
Browsers do not let any extension read their own pages, such as settings, the new tab page and extension stores. On these pages the popup still converts colors you paste, and in Chrome and Edge the eyedropper still works.
Does the extension send my colors anywhere?
No. Colors are calculated inside the extension with the same CSS Color 4 math as pickshade.com. Nothing is sent to a server, and the history stays in your browser.
How does the eyedropper work in Firefox?
Firefox has no built-in eyedropper for extensions, so PickShade takes a snapshot of the visible page and shows a magnifier. Click a pixel or move with the arrow keys and press Enter.