Pipette for Chrome

Pick any color.
Down to the pixel.

A magnifying loupe eyedropper with a real pixel grid and a live hex readout under your cursor — plus a proper color wheel, palettes, gradients, contrast checking and one-click CSS export. The tool stays out of the way so the only color on screen is yours.

Free forever · No account · No tracking · Zero network calls

Pick a color. Copied, code-ready.
The signature

A loupe, not a guess.

Most pickers drop a color and hope you clicked the right pixel. Pipette magnifies the exact spot under your cursor — a real pixel grid, a crosshair, and the live hex value riding along — so you land on the pixel you meant, every time.

Pixel-accurate picking

The loupe magnifies a grid of pixels around your cursor and shows the value in steady, monospaced figures that never jitter as you move. Pick from anywhere on screen — a web page, a design tool, another app window — not just the browser tab.

Prefer the keyboard? Alt+Shift+P starts a pick without opening anything. Your default format is copied to the clipboard the instant you land.

Screen-widePixel gridLive hex
One pick, every format

The value you need, already copied.

Every pick is shown in six formats at once, in tabular monospace so the digits line up. Click any one to copy it — or set a default and it's on your clipboard the moment you pick.

HEX
#20A39E
RGB
32, 163, 158
HSL
177, 67%, 38%
HSV
177, 80%, 64%
CMYK
80, 0, 3, 36
CSS name
lightseagreen
Everything, free, at launch

A full color workspace in the side panel.

Color wheel & harmonies

Complementary, analogous, triadic, tetradic and monochromatic — with a live lightness handle and an RGB or artists' RYB model. Save any harmony as a palette.

Build & adjust

H/S/L and R/G/B sliders with live preview, automatic shade / tint / tone ramps, and a gradient builder that outputs ready linear-gradient() CSS.

Palette from any image

Drop, paste or browse an image and Pipette pulls its dominant palette. Or scan the live colors of any web page you're on into a fresh palette.

Saved palettes

Save, rename and reorder palettes with drag & drop. They live on your machine and stay put — no account, no sync server, no sign-in.

Accessibility built in

A WCAG contrast checker for AA/AAA on normal and large text, plus a color-blindness preview for protanopia, deuteranopia and tritanopia.

Export to your tools

Copy a palette as CSS variables, Tailwind config, SCSS, JSON or a plain hex list — or download .ase and .aco swatch files for Illustrator, Photoshop and Figma.

Two surfaces

Quick grab, or full workspace.

Popup

Five-second pick

Click the toolbar icon, pick, and the value's copied. The loupe, six formats and your recent picks — nothing you don't need for a fast grab.

Keyboard

Straight to picking

Press Alt+Shift+P to start the loupe without opening the popup first. (Set it at chrome://extensions/shortcuts if Chrome left it unassigned.)

Side panel

The workspace

Open the side panel for the wheel, palettes, image extraction, contrast checking and export — a full color desk that stays open beside your work.

Free forever. Everything on your machine.

Every feature is free permanently — no account, no subscription, no locked tier. Pipette makes zero network calls: your picks, palettes and preferences never leave your device, because there's nowhere for them to go. It's funded by goodwill — if it earns a place in your toolbar, you can leave a tip.

More from niallcodes

Small, sharp tools that respect your time.

Pipette is one of a family of independent Chrome extensions built in the UK. No bloat, no dark patterns.

See the full lineup at niallcodes.com →

Questions

The things people ask first.

Can it pick colors outside the browser? +

Yes. Pipette uses the browser's native screen eyedropper, so you can grab a color from any window or application on screen — a design tool, a photo, another app — not just the current web page. The loupe magnifies the exact pixel under your cursor so you land on the right one.

What formats and exports do I get? +

Every pick shows as HEX, RGB, HSL, HSV, CMYK and the nearest CSS color name. Palettes export as CSS variables, Tailwind config, SCSS, JSON or a plain hex list, and download as .ase (Illustrator, Photoshop, Figma) and .aco (Photoshop) swatch files.

Does the color wheel do harmonies? +

Yes — complementary, analogous, triadic, tetradic and monochromatic, generated live from your base color with a lightness handle. You can switch between the RGB screen model and the artists' RYB model, and save any harmony straight to a palette.

Will it help with accessibility? +

There's a built-in WCAG contrast checker that reports AA and AAA pass/fail for normal and large text on any two colors, plus a color-blindness preview so you can see a color or palette under protanopia, deuteranopia and tritanopia.

Is it really free, with no catch? +

Yes — every feature, free permanently, with no paid tier and nothing that moves behind a paywall later. There's no account and no license. If Pipette helps you, you can leave an optional tip at ko-fi.com/niallcodes. That's the whole model.

Do you collect any data? +

No. No account, no analytics, no tracking, and no network calls at all — Pipette never contacts a server. Your recent picks, saved palettes and preferences are stored only on your own device using the browser's local storage. Full detail is in the privacy policy.