Question 1

Is this color picker free?

Accepted Answer

Yes, completely. Every feature on this page is free, including the eyedropper, image sampling, color harmonies, and CMYK output. There's no sign-up, no watermark, and nothing held back behind a "Pro" tier.

Question 2

Do I need to download or install anything?

Accepted Answer

No. Everything runs in this browser tab. Pick a color, sample one from an image, or use "Pick from screen," and there's nothing to install and nothing left behind when you close the page.

Question 3

Does this tool upload my image or the colors I pick anywhere?

Accepted Answer

No. Every color you pick, sample, or upload, including any image you use with the sampler, is processed entirely in your browser. This tool doesn't even have a server to upload to, so there's nothing for your image or color data to be sent to in the first place.

Question 4

How do I convert a HEX code to RGB or HSL?

Accepted Answer

Type or paste your hex value into the HEX field and the RGB and HSL fields update instantly with the exact same color in each format. No separate "Convert" button, and no need to open a different page for RGB versus HSL.

Question 5

How do I convert RGB to HEX?

Accepted Answer

Type your red, green, and blue values into the R, G, and B fields and the HEX field (along with HSL and CMYK) updates instantly to match. The conversion runs live as you type, in either direction.

Question 6

Does this support transparency, like RGBA or HSLA?

Accepted Answer

Yes. Drag the opacity slider below the color area and the RGB and HSL readouts automatically switch to their alpha-aware forms, RGBA and HSLA, with alpha shown correctly as a 0–1 decimal (CSS's own convention), not a percentage. The HEX field also expands to an 8-digit hex code once opacity drops below 100%.

Question 7

Can I pick a color directly from my screen?

Accepted Answer

Yes. Click "Pick from screen" and your cursor turns into an eyedropper you can move over any pixel on your entire screen, not just this browser tab, using the browser's native EyeDropper API. Click to capture that exact color.

Question 8

Why can't I use "Pick from screen" in Firefox or Safari?

Accepted Answer

That's a real limitation of those browsers today, not something left out here: the EyeDropper API that powers on-screen color picking is currently only implemented in Chrome, Edge, and other Chromium-based browsers. In Firefox or Safari, the button is hidden rather than shown as a dead control. Use the image sampler or type the color in manually instead.

Question 9

Can I pick a color from an image I upload?

Accepted Answer

Yes. Drop an image below, click to browse, or paste one straight from your clipboard with Ctrl+V (Cmd+V on Mac), then click anywhere on it to read that exact pixel's color. It happens entirely in your browser, on this same page, not a separate tool or URL.

Question 10

Can I find out the name of a color?

Accepted Answer

Yes. The closest matching name from the standard CSS color list (like "Cornflower Blue" or "Firebrick") is shown automatically next to the color preview, updating live as you pick, sample, or type a new color.

Question 11

Can I copy a color code with one click?

Accepted Answer

Yes. Every format shown on the page, HEX, RGB (or RGBA), HSL (or HSLA), and CMYK, has its own copy button right next to it, so you can grab exactly the format you need without selecting and copying text by hand.

Question 12

Is this a Chrome extension?

Accepted Answer

No. This is a website, not an installable browser extension, so there's nothing to add to Chrome or any other browser. If you specifically need an extension, that's a different kind of tool; this page's "Pick from screen" button covers the same on-screen color-picking job without installing anything.

Question 13

What's the difference between HEX, RGB, and HSL?

Accepted Answer

They're three ways of writing the exact same color. HEX is a six-digit code (like #3B82F6) that's compact and common in CSS and design tools. RGB spells out the same color as red, green, and blue values from 0–255, which is closer to how a screen actually renders it. HSL describes it instead by hue, saturation, and lightness, which is often easier to reason about when you want to lighten, darken, or desaturate a color predictably.

Question 14

Does this work on mobile, and in every browser?

Accepted Answer

The core picker, dragging the color area, typing HEX/RGB/HSL/CMYK values, sampling from an uploaded image, copying any format, works on any modern browser, desktop or mobile: Chrome, Firefox, Edge, and Safari all handle it. "Pick from screen" is the one feature with narrower support (see the Firefox/Safari question above), since it depends on a browser API that isn't universal yet.

Color Picker

Shades, tints & tones

Color harmonies

Sample a color from an image

Frequently asked questions

Related tools