TidyFigure

Image Color Picker

  • 100% free
  • No sign-up
  • Runs in your browser

Open an image and move over it (or tap on a phone) to read the exact colour under the cursor as HEX, RGB and HSL, with a zoomed view to hit the right pixel. Click to lock a colour and copy its code. The tool also pulls out the main colours of the image as a ready-made palette.

Drop an image here or click to choose Then tap anywhere on it to pick a colour

Picked colour

    Main colours in this image

    Everything runs in your browser. Nothing you type is sent anywhere.

    Why pick colours from an image?

    • Match a brand: find the exact colour of a logo when you don't have the brand guidelines.
    • Design from a photo: build a website, slide deck or Instagram theme around colours from a picture you love.
    • Paint and decor: get the colour of a room photo to compare with paint charts.
    • Development: copy colours from a mock-up screenshot into CSS.

    How to use it

    1. Open an image (screenshots work too).
    2. Move the pointer across it; the swatch, magnifier and codes update live. On a phone, tap the spot.
    3. Click to lock the colour, then copy the HEX, RGB or HSL value.
    4. Tap any colour in the palette to copy its HEX code.

    How the palette is made

    The image is shrunk and every pixel is sorted into one of 4,096 colour groups. The most common groups become candidates, and colours that are too similar to one already chosen are skipped, giving up to eight distinct main colours. It's a quick way to get a balanced palette rather than eight shades of the same sky.

    Getting accurate colours

    • Use the magnifier. Photos are full of subtle variation; edges are often blended with neighbouring colours. Aim for the centre of a flat area.
    • Screenshots beat photos for digital colours like logos and app interfaces: photos add lighting, shadows and compression artefacts.
    • Colours vary by screen. The code is exactly what's in the file, but different displays show it slightly differently, and printed colours differ again.

    Next steps

    Paste a code into the Color Converter to get CMYK values for print, check text contrast for accessibility, and generate lighter and darker shades.

    Private by design

    The image is read in your browser and never uploaded.

    Frequently asked questions

    How do I get the HEX code of a colour in an image?

    Open the image, click the colour you want, and copy the HEX value shown.

    Can I pick colours from a screenshot?

    Yes. Screenshots give the most accurate colours for logos, websites and apps.

    How do I find the main colours of a picture?

    Open it here. Up to eight distinct main colours appear under “Main colours”; tap one to copy it.

    Does it work on phones?

    Yes. Tap on the image to pick a colour.

    Is my image uploaded?

    No. Everything happens in your browser.

    Last updated October 2026 · More image tools