- Color picker extensions side by side
- Ten tools, from one-click pickers to full style inspectors
- How to tell the two Eye Droppers apart
- Pickers, inspectors and font finders do different jobs
- Check the extensions you already have first
- My plain advice on choosing a color picker extension
- Frequently asked questions
A color picker Chrome extension lets you point at any part of a webpage and grab its exact colour, so you can match it in your own designs. Some go further and build palettes or show a site's full set of styles and fonts. Ten tools follow in no particular order, all from small makers, from simple eyedroppers to style inspectors.
Matching a brand colour by eye never quite works. Whether you're building a Canva template, briefing a designer or checking how a competitor styles their site, an eyedropper in your toolbar takes the guesswork out of it.
If you've been searching for Chrome extensions for color picker jobs, the ten tools below are listed alphabetically and in no particular order. I read every description on the maker's own website or Chrome Web Store listing this week. Two of them are both called Eye Dropper, so I've labelled them by where I found them. If you're still choosing colours for your own brand, my guide to colour psychology and conversions is worth reading first.
Color picker extensions side by side
I checked the free plan column on each tool's own website or store listing, as of Oct 2026. Yes means the page says the tool is free. Trial only means the page offers a free try. Not stated means the page I read didn't say, so check before you install.
| Tool | Type | Good for | Free plan |
|---|---|---|---|
| Colorffy | Palette and UI themes | Building CSS palettes and UI themes | Not stated |
| ColorZilla | Eyedropper and gradients | Picking colours plus building gradients | Not stated |
| Coolors | Palette generator extension | Turning colours into a palette | Not stated |
| CSS Peeper | Style inspector | Seeing a site's colours and fonts | Yes |
| CSS Scan | CSS inspector | Copying the CSS behind any element | Trial only |
| Eye Dropper (Chrome Web Store) | Eyedropper | A long-running picker from one developer | Yes |
| Eye Dropper (eyedropper.org) | Eyedropper | Quick picks from any webpage | Yes |
| Fonts Ninja | Font identifier | Spotting and buying fonts | Not stated |
| GoPickColors | Eyedropper and palettes | Picking colours from your screen | Yes |
| WhatFont | Font identifier | Naming the font on any page | Not stated |
Ten tools, from one-click pickers to full style inspectors
Colorffy
Best for: Developers and designers who've found a colour and want to build it into CSS palettes, gradients or a full UI theme for a site.
ColorZilla
Best for: Designers who want the classic all-rounder, with an eyedropper, a colour picker and a gradient generator sitting together in one Chrome extension.
Coolors
Best for: Anyone building a brand palette, since the fast palette generator also lists a Chrome extension alongside its iOS app and Figma plugin.
CSS Peeper
Best for: Designers who'd rather not dig through code, as it inspects a website's styles, colours and fonts in seconds; its maker says 500,000+ users trust it.
CSS Scan
Best for: Developers who want to check and copy the CSS of any element without opening Inspect Element every time they're curious about a style.
Eye Dropper (Chrome Web Store)
Best for: People who want a simple picker with a long track record: the store listing says it's free, made by a single developer and in development since 2010.
Eye Dropper (eyedropper.org)
Best for: Anyone who just needs one colour from a webpage right now, with a free picker its own site says is loved by 1M+ users.
Fonts Ninja
Best for: Font hunters who spot a font they love on a website and want to identify it, bookmark it or buy it, using the maker's browser extension.
GoPickColors
Best for: People who work across browsers, since it picks colours from your screen in Chrome, Firefox and Edge; its page cites 90,000+ installs.
WhatFont
Best for: Bloggers and designers who want to identify the fonts on any webpage, using a tool its maker says is used by 3 million people.
How to tell the two Eye Droppers apart
Two tools on this list share the same name. One has its own website at eyedropper.org and says it's free. The other is a Chrome Web Store listing that describes itself as free software made by a single developer, in active development since 2010. Check the developer name on the store page before you install, so you get the one you meant.
Want AI doing the heavy lifting in your marketing?
I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.
Pickers, inspectors and font finders do different jobs
An eyedropper pulls one colour at a time. Inspectors pull a whole set of styles at once, which is far quicker if you're trying to match an entire site. Font tools sit in the same toolbar but answer a different question. Decide which question you're asking before you install three tools that overlap.
- You just need one colour, fast: either Eye Dropper, or GoPickColors.
- You want gradients too: ColorZilla.
- You're building a brand palette: Coolors or Colorffy.
- You want every style on a page: CSS Peeper or CSS Scan.
- You want the font, not the colour: WhatFont or Fonts Ninja.
Check the extensions you already have first
The Google Chrome Help page on removing unwanted ads, pop-ups and malware tells you to open Manage extensions and only turn on extensions you trust.
That matters more with tiny tools like these, because they're easy to install and forget. Each one is a program running inside your browser. Before you add a new picker, open your extensions page, remove the ones you no longer use, and keep the list short.
Do you make color picker, palette or design inspector extensions? Tool makers can ask to be considered for a featured place on this list.
My plain advice on choosing a color picker extension
Most people need one simple eyedropper and nothing else. Install a free one, use it for a week, and only add an inspector or a font tool if you keep finding yourself matching whole designs rather than single colours. Fewer tools, less clutter.
And if you're picking colours that need to work together, my piece on colour harmony inspired by nature is a good place to start.
Want your tool on this list? Featured spots and reviews here are paid partnerships. Here's how to partner with me.
Frequently asked questions
What is the best color picker Chrome extension?
For a single colour, a simple eyedropper does the job. If you want gradients as well, pick one with a gradient generator built in.
Are color picker extensions free?
Several say so on their own page, including both Eye Droppers. Others don't say, so check before you install.
What's the difference between a color picker and a CSS inspector?
A picker grabs one colour. An inspector shows a whole set of styles, which helps when you're matching a full design.
Why are there two Eye Dropper extensions?
Two separate makers use the same name. One runs eyedropper.org, the other is a single developer's Chrome Web Store listing in development since 2010.
Are color picker extensions safe?
Chrome Help advises turning on only extensions you trust. Keep the ones you use, remove the rest and check the permissions before you install.
