How to pick a colour from an image
- Add your image. Drop a JPG, PNG, WebP, AVIF, BMP or GIF onto the box, tap to choose one, or paste a screenshot with Ctrl+V (⌘+V on a Mac).
- Aim at the colour. Move the pointer over the image, or press and slide on a touch screen. The magnifier shows the pixels under the pointer and the colour code beneath it.
- Click or lift to pick. The colour appears under Picked colour with its HEX, RGB and HSL values.
- Copy the code you need with the copy button next to it. Earlier picks stay under History, and the image's Main colours are listed next to them.
Features
- Exact pixel picking with a round magnifier that enlarges an 11 × 11 pixel area and outlines the pixel you'll get.
- HEX, RGB and HSL for every colour, each with a one-tap copy button.
- Automatic palette of the 5 to 8 main colours in the image, with the share of the image each one covers.
- Copy the whole palette as a list of HEX codes in one go.
- History of up to 24 recent picks; tap a swatch to show its codes again.
- Paste from the clipboard, so a screenshot goes straight in without saving a file first.
- Pick from screen in browsers with the EyeDropper feature, for colours outside the page.
- Keyboard support: arrow keys move a crosshair and Enter picks.
- Transparency aware: partly transparent pixels show their opacity and an eight-digit HEX code.
Why use Fileora to pick colours from images
Designers, developers and anyone matching a brand colour run into the same problem: the colour you need is in a picture, not in a style sheet. A logo on a client's letterhead, a product photo, a screenshot of a website or a paint swatch you photographed all hide a colour code that's tedious to guess. Picking it takes one click here.
Fileora reads the image in your browser, so private screenshots and unreleased designs stay on your device. There's nothing to install, no sign-up and no limit on how many colours you pick. The magnifier makes precise picking practical on a phone, where your finger would otherwise cover exactly the spot you want.
Once you have a colour, take it further. Open Color Converter to turn it into OKLCH or other formats and check its contrast against white and black text. If your picture is in a format your browser can't open, change it first with the image converter, and to pick from a small detail, cut the image down with crop image so the area fills the screen.
Picking accurate colours from photos
A photo rarely has one flat colour, even where the object looks uniform. Light, shadow, JPG compression and camera noise make neighbouring pixels differ by a few shades. Use the magnifier to look at the pixels around your target: if they vary, pick a few and compare them in History, or use the Main colours list, which averages similar pixels across the whole image and gives a steadier result.
For logos and brand colours, a PNG or a screenshot of a vector file gives cleaner results than a photographed or heavily compressed image. Avoid picking right at the edge of text or shapes, where the edge pixels blend the colour with the background.
Very large images, over 4096 pixels on the longest side, are scaled down for picking to save memory. The tool tells you when this happens, and colours may blend slightly between neighbouring pixels. The pixel position shown under the image always refers to the original image size.
What the main colours tell you
The palette is worked out from a small copy of the whole image. Similar pixels are grouped together, each group is averaged into one colour, and groups that look almost the same are merged. The percentage under each swatch shows how much of the image that colour covers, so a big blue sky will usually come first and a small red logo last.
Fully transparent pixels are ignored, so a logo on a transparent background gives the colours of the logo itself. Use the palette as a starting point for a colour scheme, a presentation that matches a photo, or a quick record of the colours used in a design.