Chrome Extension

KD Color: pick any color, copy its hex code or OKLCH

A lightweight color picker and eyedropper for Chrome. Pick any pixel on a webpage and copy its hex code, RGB, HSL or OKLCH, with its color name and the closest Tailwind CSS colors. No ads, no tracking, and it can't see the websites you visit until you start a pick.

Add to Chrome See Features

Small, fast, and ready for CSS

Everything in the first release

🔍

Live magnifier

See the HEX and OKLCH of the pixel under your cursor before you click. Arrow keys nudge one pixel at a time.

🎨

Eyedropper

Pick any color on any page, including images, gradients and videos.

📋

Hex code, RGB, HSL and OKLCH

Every value is formatted for CSS. Click a value to copy it.

🎯

Closest Tailwind colors

The three nearest Tailwind CSS v4 colors, like orange-700. Click to copy, ready for bg-, text- or border-. Works offline.

🏷️

Color names

The nearest named colors from the Color API, with a CSS-name fallback offline.

📝

History

Your last 12 picks stay one click away, and the toolbar icon shows the color you picked last.

⌨️

Keyboard first

Alt+Shift+P (Option+Shift+P on Mac) starts a pick. Alt+Shift+C opens the popup.

🪶

Lightweight

About 200 KB, no ads, and no background work while you browse.

🔒

Private by design

No access to all your websites: KD Color reads a page only when you start a pick. No account, no analytics.

Install in Seconds

Chrome 127 or later

  1. 1

    Add KD Color to Chrome

    Open the Chrome Web Store listing and choose Add to Chrome.

  2. 2

    Pin it

    Pin KD Color from the puzzle menu so the eyedropper icon stays in your toolbar.

  3. 3

    Pick a color

    Click the icon and choose Pick color, or press Alt+Shift+P on any page.

Coming next: palettes from a page, and contrast checks for every color pair

Frequently Asked Questions

Is it free? ▼
Yes. There is no account, no paid tier and no ads.
Do I need an API key? ▼
No. The extension looks up names anonymously and caches them on your device, so each color is fetched once.
Does it work on every page? ▼
Picking from the popup works everywhere. Chrome doesn't let extensions run on pages like chrome:// or the Web Store, so there the shortcut opens the popup instead.
What data leaves my browser? ▼
Only the picked hex value, sent to color.koval.tools to find names. Formats and Tailwind matches are computed on your device, and history stays in Chrome's local storage. See the privacy policy for details.

Questions? Email m@koval.dev. Read the extension privacy policy.