Color Picker

Extract a color code from any point on the screen or image

Click the eyedropper and sample a color from anywhere you see on the screen in Chrome and Edge, or upload an image and sample from it by clicking the desired point. Each color is displayed in three formats, HEX, RGB, and HSL, and clicking any of them copies it. The colors you sampled are saved in a list of up to the last 12 colors, so you can collect a whole palette from one screen. Useful for extracting a brand color from a logo, matching a website color to an image, or when a designer sends a screenshot without codes. In other browsers and on mobile, image sampling works. Everything runs in your browser.

Frequently asked questions

How does it sample from the whole screen?

In Chrome and Edge on a computer, there is a browser interface called EyeDropper that lets you sample any pixel displayed on the screen, even outside the browser window.

Why don't I have a screen sampling button?

Firefox and Safari do not support this interface. Instead, take a screenshot, upload the image, and sample from it.

Does this work on a phone?

Screen sampling is not available on mobile, but image sampling is. Take a screenshot, upload it, and tap the point.

What is the difference between HEX, RGB, and HSL?

Three ways to write the same color. HEX is the short code common in websites and design tools, RGB breaks it down into red, green, and blue, and HSL into hue, saturation, and lightness, which is handy when you want a lighter or darker version of the same color.

Are the colors saved after closing the page?

No. The list holds up to 12 colors as long as the page is open. To save a palette, copy the codes before closing.

More tools you might need

All tools in Developers and AI