Image Tools
Color Picker from Image
Upload a photo and tap any pixel to get its exact colour in HEX, RGB and HSL, with a history of your recent picks.
About the Color Picker from Image
The Color Picker from Image reads the exact colour of any point in a photo or screenshot, tap and get its HEX, RGB and HSL codes. It also pulls out the six main colours of the whole image automatically, and keeps your picks as swatches you can tap to copy.
What you can do with the Color Picker from Image
- Tap any pixel: Get its HEX, RGB and HSL codes.
- Magnifier: Zoom in under your finger to pick exactly.
- Main colours: The image's six main colours, automatically.
- Saved palette: Keep up to 16 colours on this device.
- Export: Copy as CSS or download a PNG.
Common uses
Matching a brand colour from a logo or screenshot, pulling a colour scheme from a favourite photo, checking the exact shade of a product, or finding the colour code of an element in a design mock-up. The "Main colours" row gives you a ready-made palette from the image.
Why nearby pixels can differ
In photos, lighting, shadows and JPG compression make neighbouring pixels vary slightly. If a colour looks off, tap a few points in the same area and choose the one that looks most representative. Screenshots of flat graphics give the most exact results.
Next steps with a colour
Paste the HEX code into the Color Palette Generator to build matching colours, or the Color Format Converter for HSV, CMYK and readable text colours.
Related tools
Frequently Asked Questions
Is my image uploaded?
No. The picture is drawn and read entirely in your browser.
Can it find the main colours of a photo?
Yes. As soon as you choose an image, "Main colours in this image" shows its six dominant colours.
Why doesn't the colour exactly match what I see in print?
Screens and printers reproduce colour differently. The values here are the exact digital colour stored in the image file.
How do I find the HEX code of a colour in a screenshot?
Choose the screenshot, then tap the exact spot with the colour you want. The tool shows its HEX, RGB and HSL codes with a ring marking the spot. Tap any code to copy it.
How do I get a colour from a website or app?
Take a screenshot of the screen showing the colour, then open that screenshot in the tool and tap the area. Screenshots keep the exact screen colours, so this is a reliable way to match a website button or app logo.
Why do nearby spots give slightly different colours?
Photos and JPG images contain small variations from lighting, noise and compression, so neighbouring pixels are rarely identical. Tap a few points in the area, or use the main colours panel, which averages similar colours together.
Does it read the full resolution of large photos?
Large images are drawn at up to 1600 pixels on the longest side for picking. Colours of normal areas are unaffected, but very fine details like thin lines may blend with their surroundings, so zoom or crop the image first if you need a tiny detail.
What happens when I tap a transparent area of a PNG?
Fully transparent pixels have no visible colour and usually read as black, #000000. The main colours panel skips pixels that are more than half transparent, so it describes only the visible parts of the image.
Should I use the HEX, RGB or HSL code?
They describe the same colour. HEX is the most widely accepted in design tools and websites, RGB is common in apps and Office colour dialogs, and HSL is easiest to adjust by hand, for example making a colour lighter in CSS.
Can I use the picked colour in Canva or Word?
Yes. Canva accepts HEX codes in its colour picker, so paste the code with the # sign. In Word and PowerPoint, open More Colours or Custom Colours and enter the RGB values, or the HEX code where your version shows a Hex box.
How do I pick an exact pixel on a phone?
Press and slide your finger on the picture. A round magnifier appears above your finger showing the pixels zoomed in, with the exact one in a white square and its HEX code. Lift your finger to pick that colour.
How do I keep colours for later?
After picking, tap "+ Save current colour". Your saved palette (up to 16 colours) stays on this device even after you close the page. Tap a colour to copy it, or press and hold to remove it.
Can I export my palette?
Yes. "Copy as CSS" copies your colours as CSS variables, ready for a website. "Download PNG" saves an image of the swatches with their HEX codes, handy for sharing with a designer or printing.
How many picks are kept under Your picks?
Your picks shows the last 12 colours you tapped in this visit. To keep colours after you leave, save them to your palette.
Related tools
- Image Compressor, Shrink JPG, PNG and WebP images by lowering quality and maximum width, see exactly how much space you saved, and download the result.
- Image to Base64, Convert any image into a Base64 data URL, HTML img tag or CSS background so it can be embedded directly in code or email templates.
- Image Resizer, Resize photos and images to exact pixel dimensions or by percentage, keep proportions automatically, and download as JPG, PNG or WebP.
Quick Work Studio