C
Color Picker
ColorZilla
A color picker, eyedropper and gradient generator with a webpage color analyzer, for Chrome and Firefox.
View detailsBest Color Picker Tools for Chrome
Five color pickers for designers and developers who need to grab, save or export colors from web pages, compared so you can pick the one that fits how you work.
Color picker extensions
E
Color Picker
Eye Dropper
A plain color picker for Chrome. Click a color on a page and copy it as HEX, RGB, HSL or HSV.
View details
C
Color Picker
ColorPick Eyedropper
A focused eyedropper with a zoomed, draggable magnifier. Open source, and it works without registration.
View details
S
Color Picker
Site Palette
Pulls a color palette from a whole web page, then exports it to Figma, Sketch, Adobe Swatch or SVG. Has a trial and paid plans.
View details
C
Color Picker
Chromapicker
Eyedropper, page-color extraction, image palettes, mixer and gradients. Free and open source.
View detailsUpdated October 2026
How to choose a color picker extension
Check each listing for current terms: Site Palette has a trial and paid plans, and the others are described as free or open source by their makers or listings. The real differences are scope and output. Some tools sample one pixel at a time. Others analyze a whole page or export a full palette to design software.
- One color or a whole palette. Eye Dropper, ColorPick Eyedropper and ColorZilla sample single colors. Site Palette extracts a palette from an entire page. Chromapicker picks single pixels and also extracts page colors and builds palettes from a local image.
- Color formats. Eye Dropper copies HEX, RGB, HSL or HSV. ColorZilla copies CSS RGB, Hex and other formats to the clipboard automatically. ColorPick Eyedropper shows hex and RGB.
- Precision. ColorPick Eyedropper adds a zoomed, drag-able preview for landing on the exact pixel.
- Extra tools. ColorZilla adds a gradient generator and a Webpage Color Analyzer. Eye Dropper keeps custom palettes. Chromapicker adds a color mixer, harmonies and a CSS gradient builder.
- Design-tool export. Only Site Palette exports to Figma, Sketch, Adobe Swatch or SVG, and it has an official Figma plugin.
Our picks at a glance
| Extension | Best for | Stand-out feature |
|---|---|---|
| ColorZilla | An all-in-one color toolkit | Webpage Color Analyzer plus gradient generator |
| Eye Dropper | A plain color picker | HEX, RGB, HSL and HSV output and custom palettes |
| ColorPick Eyedropper | Pixel-precise sampling | Zoomed, drag-able preview |
| Site Palette | A whole site’s color scheme | Palette export to Figma, Sketch and Adobe Swatch |
| Chromapicker | Palettes and mixing, open source | Page colors, image palettes, mixer and gradients; open source (MIT) |
Comparisons and alternatives
- ColorZilla vs ColorPick Eyedropper: all-in-one toolkit or pixel-precise eyedropper
Which is the best color picker extension for Chrome?
For most people, ColorZilla is the best color picker extension for Chrome. It combines an eyedropper, color picker, gradient generator and Webpage Color Analyzer in one extension and copies colors in CSS RGB and Hex formats. Its developer states it does not collect your data or browsing activity.
If you only need a bare eyedropper, Eye Dropper or ColorPick Eyedropper will feel lighter.
How do I pick a color from any webpage in Chrome?
Install an eyedropper extension such as Eye Dropper or ColorPick Eyedropper. Click its eyedropper, then click anywhere on the page to capture that pixel’s color. The extension shows the color code, such as hex and RGB, so you can copy it. ColorZilla also offers keyboard shortcuts for sampling without the mouse.
Which color picker is best for designers and developers?
Developers who inspect live pages will get the most from ColorZilla, because its Webpage Color Analyzer lets you inspect the colors of page elements. Designers who work in Figma or Sketch should look at Site Palette, which exports whole palettes and imports them into Figma as local variables through its official plugin.
How can I extract a whole website’s color palette?
Use Site Palette. Visit the website, click the toolbar icon, and it analyzes the full page to return a palette. You can choose Color Cube, Median Cut, Material Design mode or live viewport extraction. Palettes can be saved to your account, shared by link, or exported to Figma, Sketch, Adobe Swatch or SVG.
Is there a color picker with a mixer and gradients?
Chromapicker. Besides the EyeDropper pick, it extracts the colors used on a page, builds a palette of 3 to 12 colors from a local image, mixes colors in RGB, HSL or OKLCH and builds CSS gradients. It is free and open source under MIT. It is a young project with one maintainer, and picked values are clamped to sRGB.
Also see: Best Chrome extensions for creators.