Best Color Picker
Free Chrome Extension — Available Now

The Ultimate
Color Picker
for Chrome

Pick colors from any webpage. Convert between HEX, RGB, HSL, HSV, and CMYK. Generate palettes, check WCAG contrast, simulate color blindness, build CSS gradients, and export production-ready code — all in one luxury tool.

100%
On-Device
5
Color Formats
Free
Forever
BEST COLOR PICKER
Picker
Palette
Gradient
Analyze
Export
H
38°
A
100%
Warm Gold
#D4A853
Pick
Page
HEX
RGB
HSL
HSV
CMYK
#D4A853
RECENT
Scroll
Features

Everything you need.

Most color pickers do one thing. Best Color Picker does ten — and does all of them beautifully.

PRECISION

Native EyeDropper

Pick any pixel from any page with Chrome's native EyeDropper API. Pixel-perfect on all displays including Retina and HiDPI screens.

FORMATS

5 Color Formats

Instant conversion between HEX, RGB, HSL, HSV, and CMYK — all editable, all copyable with one click.

PALETTE

Harmony Palettes

Generate complementary, analogous, triadic, split, square, and tetradic palettes from any color. Based on classical color theory.

GRADIENT

CSS Gradient Builder

Build linear, radial, and conic gradients visually. Drag color stops, set angles, copy production-ready CSS instantly.

ACCESSIBILITY

WCAG Contrast Checker

Verify AA and AAA compliance for normal and large text. Live contrast ratio with visual preview of your color combination.

UNIQUE

Color Blindness Simulator

See exactly how your color looks to users with Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.

EXPORT

Code Export Engine

Export as CSS Custom Properties, Tailwind config, SCSS variables, JSON, or Sketch/Figma reference. Download or copy in seconds.

SCANNER

Page Color Scanner

Extract every color from the active tab's CSS instantly. Browse a visual swatch grid of all colors used on any website.

Exclusive

Features you won't find
anywhere else

While other color pickers stop at HEX and RGB, Best Color Picker goes further with accessibility tools, print-ready CMYK, gradient building, and code export — all inside a single, beautiful popup.

Color Blindness Simulator
4 types — Protanopia, Deuteranopia, Tritanopia, Achromatopsia
CMYK Support
Print-accurate color values missing from every competitor
CSS Gradient Builder
Linear, radial, conic — with live CSS output
Multi-format Code Export
CSS vars, Tailwind, SCSS, JSON, Figma — in one click
colors
Getting Started

Up and running in 60 seconds

01

Install in one click

Add Best Color Picker from the Chrome Web Store. No signup, no account, no permissions beyond what's needed.

02

Click the toolbar icon

Open the extension from your Chrome toolbar. The full interface loads instantly — no waiting, no loading screens.

03

Pick your color

Use the EyeDropper to sample any pixel on screen, or use the HSV canvas picker to dial in the exact shade you need.

04

Copy, export, or analyze

Copy in any format, generate a palette, check contrast, simulate color blindness, or export production code.

Free, private, and honest

No tricks. No tracking. No account required.

Zero Data Collected

We collect nothing. No analytics, no telemetry, no personal data. Your colors stay on your computer.

100% On-Device

All processing happens locally inside Chrome. Nothing is sent to any server, ever.

Free Forever

No premium tier, no subscriptions, no ads. Every feature available to every user, always.

Start picking colors
professionally today.

Join designers and developers who rely on Best Color Picker every day. Install in one click. No account. No payment. No limits.