Click any pixel to get its HEX, RGB and HSL, and see the main colours of a photo
Processed in your browser. Nothing is uploaded. Updated on 24 Oct 2026.Picking a colour out of a photograph gives the exact value rather than a guess. Click any pixel for its HEX, RGB and HSL, and see the main colours of the image pulled out as a palette. One image up to 50 MB, read inside your browser.
Drop an image, press Select an image, or paste a screenshot with Ctrl+V; it stays on your device.
Move over the picture to see the magnifier, then click or tap the spot whose colour you want.
Choose 1 pixel, 3×3 average or 5×5 average under Read for a steadier colour on photos.
Press the copy button beside HEX, RGB or HSL, or press Copy palette under Main colours.
Color Picker from Image reads the exact colour of any pixel in a photo or screenshot. Click a spot and you get its HEX code, RGB and HSL values, each one click from your clipboard. A magnifier follows your pointer and shows the pixels around it enlarged, so you can pick a thin line or a single dot of a logo without guessing.
Designers use it to match a brand colour from a logo file, developers to copy the exact background of a screenshot into CSS, and people decorating a room to find the shade of a wall or fabric in a photo. Underneath the image, a palette lists the main colours of the whole picture, most common first, with how much of the image each one covers. You can copy one colour or the whole palette as a list or as CSS variables.
The palette is worked out with median cut, a standard method that repeatedly divides the photo's colours into groups and averages each group. Very similar shades are merged so the list shows distinct colours rather than twenty near-identical greys. For busy photos, the averaging option reads a small square around the point instead of a single pixel, which smooths out camera noise.
Everything happens in your browser, so the image is never uploaded. Screenshots can be pasted with Ctrl+V. Colours from a photo depend on the lighting when it was taken and on your screen, so treat a picked paint colour as a starting point and check it against a real sample.
Add the picture, move over the spot you want and click it. The HEX code, RGB and HSL values appear beside the image with a Copy button for each. Use the magnifier to land on the exact pixel, and click again anywhere to pick another colour.
No. The picture is read in your browser on your own device, and the colours are worked out there too. Nothing is sent to a server, so screenshots of private work are safe to use.
The palette appears under the image as soon as it loads. It lists the main colours, most common first, with the share of the picture each one covers. Choose how many colours you want, then copy the palette as HEX, RGB, HSL or CSS variables.
HEX, RGB and HSL describe the same colour in different ways. HEX, like #2B59F5, is the short code used in CSS and most design apps. RGB gives the red, green and blue amounts from 0 to 255. HSL gives hue, saturation and lightness, which is handy for making lighter or darker versions of a colour.
Photos contain noise and compression, so neighbouring pixels differ a little. Turn on averaging to read a small square instead of one pixel. Lighting and screen settings also change how colours look, so a colour from a photo of a wall is a close starting point, not a paint match.
One image at a time, up to 50 MB and 10,000 pixels on the longest side. JPG, PNG, WebP, GIF, BMP, AVIF and HEIC are accepted, and you can paste a screenshot with Ctrl+V.
Still stuck? Ask about Color Picker from Image and anybody who knows can answer. No account needed.
Same job, other tools: Circle Crop Image – Crop a photo into a circle with an optional ring and a clear background, as PNG · Round Corners of Image – Round the corners of a picture and save it as a PNG with clear corners · Hindi Image to Text – Read Devanagari text from a picture, on its own or beside English · Compress Image to 100 KB – Get any photo under 100 KB for forms and portals · Compress Image to 1 MB – Trim a high resolution photo to just under 1 MB.
On the related tools: Aadhaar Card Print, Front and Back – Both sides of an Aadhaar card on one A4 page, at 85.6×54 mm.
Also works as: Image Color Picker.
In the collection Image Tools.