Click any pixel in an image to read its exact HEX, RGB and HSL color code. Fast, free, and built for simple browser-based workflows.
No image selected yet. The image stays in your browser and is never uploaded.
Drop an image here, paste one with Ctrl+V, or use Choose Image above.
PNG, JPG, WebP, GIF or BMP. Nothing is uploaded — the picking happens in this browser.
move over the image
Choose an image, then click a pixel to read its colour.
728 x 90 In-Content Ad
Image Color Picker is a free online tool that reads the exact color of any pixel you click in an image. Load a picture, click a spot, and the HEX, RGB and HSL values for that pixel appear at once, each with its own copy button.
It answers the question a screenshot raises: what color is that, exactly. Match a button to the blue in a logo you were sent as a PNG, pull a palette out of a photograph for a mood board, find the background shade of a competitor's header, or check that a mockup really uses the brand color. Every pick is added to a Recently Picked row, so you can build up a small palette and copy any of them back later.
The image never leaves your browser. It is drawn onto a canvas on your own device and the pixel is read from there, so nothing is uploaded to this site. That lets you sample colors from an unreleased design, a confidential screenshot or a client's artwork without handing the file to a server, and it keeps working offline once the page has loaded.
Click Choose Image and pick a PNG, JPEG, WebP, GIF or BMP file. It appears below at full resolution, with a crosshair cursor over it.
Click any point in the image. The swatch under Picked Colour changes to that shade, and the HEX, RGB and HSL boxes fill in with its exact values.
Click Copy HEX, Copy RGB or Copy HSL to put that value on your clipboard, ready to paste into CSS, a design tool or a style guide.
Keep clicking to collect shades. Each new color joins the Recently Picked row, and clicking a swatch there copies it again. Clear removes the image and empties the history.
Yes! All our tools are 100% free to use with no hidden costs, no registration required, and no credit card needed.
Absolutely. All tools run entirely in your browser (client-side). Your data never leaves your device and is not sent to our servers.
Yes, once the page is loaded, the tool will continue to work even if you lose internet connection since it runs in your browser.
Yes! All our tools are free for both personal and commercial use.
Load the image, then click the pixel you are interested in. The HEX box fills in immediately with a value such as #2563eb, and Copy HEX puts it on your clipboard. RGB and HSL for that same pixel are shown right beside it.
Yes, and it is the most common use. Save the screenshot as a PNG or JPEG, choose it here, and click the part you want to match. Because the file stays on your device, screenshots of private dashboards or unreleased work are safe to sample.
Photographs and compressed screenshots rarely hold one flat shade, because JPEG compression and anti-aliasing shift neighboring pixels. Click a few points in the same area and compare. Picking from the middle of a large block gives a truer reading than an edge or a gradient.
Yes. Transparent and semi-transparent pixels are read as normal, and the tool tells you when the pixel you clicked is not fully opaque, giving its alpha as a percentage. The HEX, RGB and HSL values describe the color itself, without the transparency.
The Recently Picked row holds your last twelve distinct picks, newest first, and duplicates are ignored. Click any swatch to copy its HEX code again. The history clears when you click Clear or reload the page, and nothing is saved between visits.
PNG, JPEG, WebP, GIF and BMP. The image is drawn at its real pixel size, so a large photo can be sampled precisely even though it is scaled down to fit the page. HEIC files from iPhones are not readable by most browsers.