Pick any color.
Instantly.

The essential color picker for designers and developers. Pick colors from any webpage, convert formats, check accessibility, and export palettes.

v2.0.0 • Works offline • No data collection

Color Picker Extension

Everything you need

A complete toolkit for working with colors

Eye Dropper Tool

Click anywhere on any webpage to capture the exact color. Works on images, gradients, videos, and any visible element.

Multiple Formats

Copy colors as HEX, RGB, HSL, RGBA, HSLA, HEX8, Tailwind classes, or CSS custom properties.

Tailwind CSS

Automatically finds the closest Tailwind color match. Perfect for Tailwind CSS projects.

Contrast Checker

Check WCAG accessibility compliance instantly with AA and AAA badges and real-time contrast ratios.

Color Harmonies

Generate harmonious color combinations: complementary, analogous, and triadic schemes.

Palettes & Export

Save colors to custom palettes and export to JSON, CSS Variables, SCSS, or Tailwind config.

See it in action

A clean, intuitive interface that gets out of your way

Main Features
Multiple Formats
Contrast Checker
Color Palettes

Keyboard first

Speed up your workflow with keyboard shortcuts

Ctrl + Shift + C Open Color Picker
P Pick a color
C Copy current color

On Mac, use Cmd instead of Ctrl

Get started in seconds

Free, no account required

1

Install

Click "Add to Chrome" to install from the Chrome Web Store

2

Pin

Pin the extension to your toolbar for quick access

3

Pick

Click the icon and start picking colors!

Add to Chrome — Free

Your privacy matters

Works 100% offline
No data collection
No account required
Open source