Which browsers support the Eyedropper button?

Chrome, Edge, and Opera (desktop) support the Eyedropper API natively. Safari and Firefox have not shipped it as of 2026 — on those browsers the button is hidden automatically and you can still use the four format inputs to type or paste colors manually.

How accurate is the color conversion?

All conversions use IEEE-754 double precision math and are round-trip safe (HEX → HSL → HEX returns the exact original value). The math follows the standard formulas published by the W3C CSS Color Module and Wikipedia's HSL/HSV reference.

Where is my saved palette stored?

Your palette is stored in your browser's localStorage on the same device. It is not synced to the cloud or sent to any server. Clearing browser data or using a private window will reset the palette.

Can I share a specific color with someone?

Yes. Every color you pick is reflected in the URL as a query string (e.g. ?c=ff0000). Use the Copy share link button — the recipient sees the exact same swatch when they open the link.

Does this work on mobile?

The four-format input (HEX / RGB / HSL / HSV) works on every device with a modern browser. The Eyedropper button is desktop-only because the underlying browser API is not available on mobile Chrome or Safari yet.

Color Picker

Pick any color on your screen and convert between HEX, RGB, HSL, and HSV — instantly, in your browser.

#3b82f6

Eyedropper requires Chrome, Edge, or Opera on desktop.

HEX

6-digit or 3-digit form (e.g. #3b82f6 or #abc).

RGB

rgb(59, 130, 246)

HSL

H (°)S (%)L (%)

hsl(217, 91%, 60%)

HSV

H (°)S (%)V (%)

hsv(217, 76%, 96%)

Saved colors

Your saved colors will appear here. Click "Save to palette" to add the current swatch.

What this tool does

Color Picker is a free in-browser tool that combines three jobs designers and developers do constantly: grab a color from anywhere on your screen using the built-in Eyedropper API, convert it between the four formats every workflow needs (HEX, RGB, HSL, HSV), and save the result to a palette that persists across sessions. Every calculation runs locally — your colors never leave the browser, and the shareable URL means a teammate sees the exact same swatch when you send the link.

How to use

Click the Eyedropper button (or type a value in HEX / RGB / HSL / HSV) to pick or enter a color.
Edit the color in any of the four format inputs — the rest update automatically as you type.
Click Save to add the swatch to your palette, or Copy share link to send the exact color to a teammate.

Who it's for

Students & teachers Pick exact colors from reference images for art class, color theory homework, or design coursework — no Photoshop needed.
Designers Sample brand colors from any web page, sync to your palette, then export the HEX or HSL value straight into Figma, Sketch, or your design system.
Front-end engineers Grab a color from a mockup screenshot, get the CSS value (HEX or rgba), and paste it into your component — no extension required.
DIY & crafts Match a paint chip, fabric swatch, or product photo against an existing palette before ordering supplies or repainting a wall.
Photographers Build color palettes from reference shots, check white balance against a known neutral, or annotate edits with precise color values.

What you get

Eyedropper API — pick any color anywhere on your screen with one click (Chrome / Edge / Opera).
Four-format input — type or paste a value in HEX, RGB, HSL, or HSV and the other three update live.
Saved palette — favorite colors persist in your browser across sessions; click any swatch to re-load it.
Shareable URL — every color you pick is reflected in the URL, so teammates see the exact same swatch from a link.
Privacy-first — calculations run locally, nothing is sent to a server, no signup, no tracking.

Color accuracy & privacy

All color math runs locally in your browser using IEEE-754 double precision — the same accuracy a desktop tool gets. Conversions are reversible (round-trip HEX → HSL → HEX returns the original value). Nothing about the colors you pick is sent to a server, logged, or tracked.

Frequently asked questions

Which browsers support the Eyedropper button?: Chrome, Edge, and Opera (desktop) support the Eyedropper API natively. Safari and Firefox have not shipped it as of 2026 — on those browsers the button is hidden automatically and you can still use the four format inputs to type or paste colors manually.
How accurate is the color conversion?: All conversions use IEEE-754 double precision math and are round-trip safe (HEX → HSL → HEX returns the exact original value). The math follows the standard formulas published by the W3C CSS Color Module and Wikipedia's HSL/HSV reference.
Where is my saved palette stored?: Your palette is stored in your browser's localStorage on the same device. It is not synced to the cloud or sent to any server. Clearing browser data or using a private window will reset the palette.
Can I share a specific color with someone?: Yes. Every color you pick is reflected in the URL as a query string (e.g. ?c=ff0000). Use the Copy share link button — the recipient sees the exact same swatch when they open the link.
Does this work on mobile?: The four-format input (HEX / RGB / HSL / HSV) works on every device with a modern browser. The Eyedropper button is desktop-only because the underlying browser API is not available on mobile Chrome or Safari yet.

HEX

RGB

HSL

HSV