Color Picker from Image
Tap any pixel to get its HEX, RGB and HSL code, plus a 6 colour palette.
Find the exact colour in any picture
Designers, developers, artists and marketers often need to match a colour they can see in a photo, a logo or a screenshot. Guessing rarely works. This colour picker reads the exact value of any pixel you click or tap and shows it as HEX, RGB and HSL codes that you can copy into Elementor, CSS, Photoshop, Canva or any design tool. It also builds a palette of the six main colours in the image.
The image is opened in your browser and never uploaded, so you can safely use it with unreleased designs and private photos.
How to pick a colour from an image
- Drop an image onto the upload area or click to choose one.
- Click or tap anywhere on the image. On touch screens you can slide your finger and lift it on the exact spot you want.
- The large swatch and the magnifier show the colour and the surrounding pixels, so you can check you hit the right one.
- Press Copy next to the HEX, RGB or HSL value.
- Every pick is saved in the history row. Click any saved swatch to select and copy it again.
Features
- Pixel accurate picking with a zoomed magnifier.
- Three colour formats: HEX for the web, RGB for CSS and code, HSL for adjusting lightness and saturation.
- Pick history of up to 24 colours, with one click copy for the whole list.
- Dominant palette of six distinct colours extracted from the image.
- Mouse and touch support on desktop, tablet and phone.
Understanding HEX, RGB and HSL
HEX codes such as #1D4ED8 are the most common way to write colours on websites and in design tools. RGB describes the amount of red, green and blue light from 0 to 255. If a pixel is partly transparent, the tool shows it as RGBA with its opacity. HSL stands for hue, saturation and lightness, which makes it easy to create lighter or darker versions of the same colour by changing only the last number.
Ideas for using the palette
Pull brand colours from a client logo, build a website colour scheme from a favourite photo, match a button to a product image, or find the colours of a painting for an art project. The palette is calculated by grouping similar pixels and choosing the most common colours that are clearly different from each other, so it highlights the main tones rather than tiny details.
Tips
Photos contain noise, so neighbouring pixels can differ slightly. Use the magnifier to choose a pixel in the middle of an even area. Colours in JPG images may shift a little around sharp edges because of compression, so pick away from edges for the truest value. Very large images are sampled from a copy up to 4096 pixels on the longest side.
Frequently asked questions
How accurate is the colour picker?
It reads the exact pixel value from the image as your browser decodes it. For images wider or taller than 4096 pixels, it samples from a scaled copy, which can blend neighbouring pixels slightly.
Can I use it on my phone?
Yes. Tap the image, or slide your finger and lift it on the spot you want. The magnifier helps you see exactly which pixel is selected.
How is the dominant palette chosen?
The tool groups similar colours, counts how often each group appears and picks the six most common groups that are clearly different from each other. Transparent pixels are ignored.