How do I find the exact colour code in an image?
To find a colour in an image, open FixDoks's Colour Picker from Image tool, add a photo or logo and click anywhere on it. The HEX, RGB and HSL codes for that pixel appear with copy buttons, and a palette of the main colours is extracted automatically. The image is read only in your browser.
Colour Picker from Image at a glance
| Input | JPG, PNG, WebP, GIF |
|---|---|
| Output | HEX, RGB and HSL codes, plus a colour palette |
| Processing | In your browser; your files are not uploaded |
| Price | Free, no watermark |
| Download | Free Google sign-in |
| Works on | Chrome, Edge, Safari and Firefox on Windows, Mac, Android and iPhone |
How to use Colour Picker from Image
- Click Select image and choose a photo, logo or screenshot. The main colours are extracted straight away.
- Click or tap anywhere on the image to pick that exact colour. HEX, RGB and HSL codes appear with copy buttons.
- Change the palette size if needed, and use Copy palette as CSS to paste the colours into your code.
How do I find the exact colour in an image?
Designers, developers and anyone making a poster, presentation or social post often need the exact colour of a logo, product or photo. Guessing by eye rarely works. This picker reads the actual pixel colour and gives you codes you can paste into Canva, PowerPoint, Photoshop, Figma, CSS or any other tool.
Colour codes explained
- HEX (like
#1A73E8): the most common format for websites and design apps. - RGB (like
rgb(26, 115, 232)): red, green and blue amounts from 0 to 255, used in CSS and many apps. - HSL (like
hsl(214, 82%, 51%)): hue, saturation and lightness. Handy for making lighter or darker versions of a colour.
Automatic palette
The palette groups all the pixels of the image into a set of main colours using a clustering method, then shows them from most to least common with their share of the image. Choose 5, 8 or 12 colours. It is a fast way to build a colour scheme from a photo you like, or to find a brand's colours from its logo.
Tips for accurate picks
- Use the original image where possible. Compressed JPGs and screenshots can shift colours slightly, especially near edges.
- For logos, click the middle of a solid area, not the edge, where colours blend with the background.
- Photos have natural variation. Pick a few points and use the palette to see the dominant shade.
On a computer, move the mouse over the image to preview colours live before clicking. On a phone, tap to pick. Recent picks are kept as swatches you can click to copy again.
Building a colour scheme
A common approach is to pick one dominant colour for large areas, one secondary colour and one accent for buttons and highlights. Extract a palette of five from a photo you like, use the largest share as the background tone, and the most saturated small share as the accent. Check that text colours have enough contrast against their backgrounds for readability.
Screen colours and print
HEX and RGB codes describe colours for screens. Printers use CMYK, and some bright screen colours cannot be printed exactly. For printed material with brand colours, ask your printer to match a physical colour reference, and use the picked HEX code as a starting point.
Privacy
The image is read only in your browser; nothing is uploaded.
Picked colours stay in a row of swatches until you reload the page, so you can build a small set before copying.