A zoom loupe makes small details easy to hit, and the main colours of the image are pulled out as a palette you can copy or export. Find the exact colour of anything in a picture, free and private.
How to pick a colour from an image
- Press Open an image.
- Move over the picture and click or tap to pick a colour. Use Sample size to average 1 pixel, 3 × 3 or 5 × 5 pixels.
- Read the value as HEX, RGB or HSL and press Copy.
- Your picks are collected under Your picks.
- Choose Main colours or Even spread for an automatic palette, and set how many Colours you want.
- Under Export, choose Palette, CSS, JSON, GIMP or Adobe, and press Download palette.
Exact colours from any image
Move over the image and the loupe shows the pixels under your pointer, magnified, with the one you'll pick in the centre. Click or tap to pick it. On a phone, drag your finger and lift it on the colour you want; the loupe sits above your finger so you can see what is underneath. With a keyboard, focus the image and use the arrow keys, holding Shift to move faster, then press Enter.
A palette in one step
Main colours groups similar pixels and lists the colours that cover the most of the image, which suits photos and brand imagery. Even spread splits the full range of colours into equal groups, so small accents such as a logo mark or a button colour are more likely to get their own swatch. Choose how many colours you want; each swatch shows how much of the image it covers.
Ready for your design tools
Copy a single value as HEX, RGB or HSL for CSS, or export the whole palette as CSS custom properties, JSON for code and design tokens, a GIMP palette that Inkscape and Krita also read, or an Adobe Swatch Exchange file for Photoshop and Illustrator. Images are read by your browser and never uploaded.
Tips for accurate colours
- Use a larger sample size on photos, since single pixels can contain noise.
- Use 1 pixel for flat logos, icons and screenshots, where you want the exact value.
- Remember that a photo's colours depend on lighting and the camera, so they may not match the real object.
- Use the colour converter to check contrast and move between formats.
Common uses
Matching a website or slide to a logo, building a colour palette from a photo, choosing paint or fabric colours, and copying the exact colour from a screenshot. Designers, students and small business owners use it every day.
Questions
Is my image uploaded?
No. It is read in your browser.
Which image types work?
Any image your browser can open, including PNG, JPG, WebP, GIF and SVG.
Which palette format should I use?
Use CSS for websites, JSON for code, GIMP for free design programs and Adobe for Photoshop and Illustrator.