Color Picker from Image
Pick any colour from an image: tap a pixel and copy its HEX, RGB or HSL code.
or browse filesdrop an image here or paste
.png
Pick any colour from an image: tap a pixel and copy its HEX, RGB or HSL code.
or browse filesdrop an image here or paste
Open a photo, a screenshot, a logo or a scan and tap the exact spot whose colour you need. The panel shows that pixel as a HEX code, an RGB value and an HSL value, and a tap on any of them copies it, ready to paste into CSS, Figma, Canva or a paint program. Drag your finger or the mouse across the picture and the codes follow it live; let go and the colour is picked. A small ring marks the pixel on the picture so you can see where the code came from. It works like the eyedropper in a design app, without opening one.
A fingertip covers dozens of pixels, so a magnifier shows the area under your finger in the corner of the picture, with a crosshair on the pixel being read. Turn it off with the magnifier button next to fullscreen if you do not need it. Every colour you pick is added to a row of swatches under the codes, newest first, up to eight. Tap a swatch to see its codes again, which makes it easy to collect the three or four colours of a brand, a room or a painting and copy them one by one.
The picture on screen is scaled down to fit, and a scaled-down pixel is a blend of several real ones. This picker reads the colour from the full-size original instead, so the code is the one stored in the file at that spot, even on a 50 megapixel photo. Pick a pixel of a flat logo colour and you get its real value, not a shade softened by resizing. Transparent pixels show their alpha too, as an eight-digit HEX and an rgba() value.
This page is for choosing the pixel yourself. To get the main colours of a whole picture at once, use /dominant-colors/, which lists them with how much of the image each one covers. To turn a photo into a ready-made palette, balanced, vibrant or muted, use /color-palette-extractor/. And to build a colour scheme around a colour you picked here, take its HEX to /color-palette-generator/.
Nothing is uploaded: the picture is opened and read in your browser. Unreleased designs, client mockups and personal photos never leave your device, which also means picking is instant, however big the file.
Open the picture on this page and tap or click the colour. The HEX code appears in the panel at once; tap it to copy it. The RGB and HSL values of the same pixel are right below it.
Yes. Take the screenshot, then paste it straight onto the page or open the file, and tap the colour you want. Screenshots are a common way to find out which colour a website or an app uses.
Photos are rarely one flat colour: noise, shading and JPEG compression make neighbouring pixels differ by a few values. Use the magnifier to aim at the part you mean, or pick a few spots and keep the one that looks right. For the overall main colour of an area, /dominant-colors/ averages it for you.
No. The image stays on your device and every code is read from it in the browser. You can use it offline once the page has loaded.