Colour palette from photo

Pull the main colours out of any photo, or pick any spot, and copy the codes.

Private: your files never leave this deviceNothing is uploaded or stored on a serverWorks right here in your browser

Thanks
You can also paste a picture with Ctrl+V.

How to get a colour palette from a photo

  1. Add a photo

    Choose a photo, drop it on the box or paste it with Ctrl+V. Press Try a sample photo to see it work first.

  2. Read the main colours

    Pick how many colours you want, from 5 to 12. Each colour shows its HEX, RGB and HSL code, its nearest name and how much of the photo it covers.

  3. Pick, copy and download

    Click anywhere on the photo to pick that exact colour. Copy any code, or download the palette as CSS, Tailwind, JSON, text or a PNG card.

Good to know

  • Balanced gives colours closest to what you see. Fast is a little quicker on slow phones.
  • Small spots of strong colour, such as a red flower, can get lost in a big photo. Pick them with the eyedropper instead.
  • Shares show how much of the photo each colour covers, so the first colours make good backgrounds and the last ones good highlights.
  • Colour codes are worked out from a small copy of the photo, so even very large photos finish in a moment.
  • The PNG card shows every colour with its code and name, ready to send to a printer, tailor or painter.

Questions people ask

How are the main colours found?

A small copy of the photo is made, its pixels are counted into groups of similar colour (median cut), and the groups are then tidied with k-means so each one matches what the eye sees. Colours that look almost the same are merged. Fast skips the tidy step.

How do I get the colour of one exact spot?

Move over the photo (or touch and slide on a phone). The magnifier shows the pixels under your finger. Click or lift your finger to pick that colour, then copy its HEX, RGB or HSL code.

Can I use the palette on my website?

Yes. Copy the CSS variables, the Tailwind theme snippet or the JSON, or download them as files. The PNG card is handy to share the colours with a printer or tailor.

What does the colour name mean?

It is the closest named colour, such as Teal, Saffron or Light sea green, measured the way the eye sees colour. It helps you talk about a colour; the HEX code is the exact one.

Is my photo uploaded?

No. The colours are worked out in your browser. Your photo never leaves this device.

Say thanks