Simple Color Picker

Free color picker for Chrome

Pick a color from any page. Get #E8553D

Simple Color Picker is a free eyedropper for Chrome. Press its button or Alt+P, aim at any pixel through the zoom loupe and click: the HEX, RGB or HSL code is already on your clipboard. Your last 50 colors wait in the popup.

Add to Chrome — free

453 users on the Chrome Web Store

Also works in Edge, Brave, Opera and other Chromium browsers.

The square zoom loupe over a poster on a web page, framing one pixel with its HEX, RGB and HSL, next to the Simple Color Picker popup showing #E8553D and a history of colors

At a glance

What it does
A color picker eyedropper: aim at any pixel on a web page through a zoom loupe, click, and its HEX, RGB or HSL code is copied.
Who it is for
Web developers and designers matching colors from live sites, mockups and screenshots open in the browser, and anyone who needs a color code.
Price
Free. No account, no paid version.
Data
Your history and default format stay in the extension's local storage on your device. No analytics, no network requests.
Works in
Chrome and other Chromium browsers that install from the Chrome Web Store, on a computer. Not on browser pages such as the new tab page, settings or the Chrome Web Store.
Limits
Picks from the visible part of the tab, using a snapshot taken when you start. No CMYK, Pantone or contrast checks, and no picking outside the browser.
Version
2.7.0, updated October 23, 2026

Three steps, one click

  1. 1

    Start the picker

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

  2. 2

    Aim with the loupe

    A square loupe zooms in around the cursor and frames the exact pixel. A chip under it shows the HEX, RGB and HSL live.

  3. 3

    Click and paste

    The code is copied in your default format and a short note confirms it. Paste it into CSS, Figma or a message.

Who uses it

CSS

Front-end work

Lift exact values from a live site for CSS, SCSS or a Tailwind config without opening DevTools.

HEX

Design and brand checks

Sample a palette from an interface, a mockup or a reference, and check that a page uses the right brand color.

HSL

Tuning colors

Take HSL to adjust lightness and saturation by hand, or RGB for code that wants numbers.

What it does

  • pixel, framed

    The loupe magnifies 11 × 11 pixels around the cursor and a reticle frames the one you will take. Hit a one-pixel border or a single step of a gradient.

  • formats

    HEX like #2A6FDB, RGB like rgb(42, 111, 219), HSL like hsl(217, 71%, 51%). Choose the default once in the popup.

  • colors in history

    Every pick goes to the front of a grid of your last 50 colors, without duplicates. Click a swatch to see and copy all three codes.

  • Alt+P shortcut

    Start picking without opening the popup. The keycap in the popup opens Chrome's shortcut settings if you want another key.

  • network requests

    Everything runs in your browser. No account, no analytics, no telemetry.

  • Light and dark

    The popup and the loupe follow your system theme, in neutral greys that don't tint the colors you judge.

How to get the color code of anything on a web page

Chrome's own eyedropper lives inside DevTools: open the Styles panel, find a color property, click its swatch, then the eyedropper. It works, but it's buried, and the picked value replaces that property in the page's CSS instead of landing on your clipboard.

Simple Color Picker puts an eyedropper one click or one shortcut away. When you start, it takes a snapshot of the visible part of the tab and opens a square loupe over it, so you see the exact pixel, not an average. One click copies the code, and the popup keeps it with your last 50 colors in all three formats.

Scroll to the part of the page you need before you start: the loupe reads from that snapshot. Browser pages such as the new tab page, settings and the Chrome Web Store are closed to every extension.

Private by design

  • No network requests

    The extension never talks to a server. No analytics, no telemetry.

  • Stays on your device

    Your history and default format live in the extension's local storage.

  • Four permissions

    The active tab, only when you start a pick, to take the snapshot; scripting to show the loupe; storage for history and format; clipboard write to copy the code.

DevTools eyedropper vs Simple Color Picker

DevTools eyedropper vs Simple Color PickerDevTools eyedropperSimple Color Picker
How to startOpen DevTools, find a color in Styles, click its swatch, then the eyedropperToolbar button or Alt+P
Result goes toThe CSS property you opened; you copy it yourselfYour clipboard, on click
Color formatsHEX, RGB, HSL and moreHEX, RGB and HSL
Colors picked earlierNot keptYour last 50, ready to copy again
PriceBuilt into ChromeFree

Questions

How do I get the color code from a website?

Install Simple Color Picker, press Alt+P on the page, aim the loupe at the color and click. The HEX code, or RGB or HSL if you prefer, is copied to your clipboard.

How do I pick a color from an image on a web page?

The same way: start the picker and click the pixel you want in the picture. The loupe zooms in, so you can take one exact pixel.

Can I copy HSL or RGB instead of HEX?

Yes. Choose the default format in the popup: HEX, RGB or HSL. The popup also shows all three for any color in your history, each with its own copy button.

Where do I find colors I picked earlier?

Open the popup: your last 50 colors are there as swatches, newest first. Click one to see and copy its codes, or clear the history.

How do I change the Alt+P shortcut?

Click the shortcut keycap in the popup. It opens Chrome's keyboard shortcuts page, where you can set another key.

Why doesn't it work on some pages?

Chrome closes its own pages, such as the new tab page, settings and the Chrome Web Store, to all extensions. The picker also reads only the visible part of the tab, so scroll to the color first.

Can it pick colors outside the browser?

No. It picks from the current browser tab only. It also doesn't convert to CMYK or Pantone or check contrast.

Is it free? Does it collect data?

It's free and makes no network requests. Your history and default format stay on your device.

More free extensions from PYROCTAL

Point. Click. Paste.

Add to Chrome — free