Color Palette from Image

Drop in any picture and get its main colors as ready-to-use codes. Click the picture to pick an exact shade, then copy the palette for CSS, Android, Flutter, Compose or Tailwind.

Choose a picture or drop it here
JPG, PNG or WebP. You can also paste an image with Ctrl+V. It never leaves your device.

Dominant colours

Choose a picture to see its colour palette.

Picked colours

Click anywhere on the picture to pick an exact colour.

Export

How does it find the colors?

The picture is shrunk and its pixels are grouped by similarity (k-means clustering). Each group becomes one swatch, ordered by how much of the picture it covers, with the percentage shown.

Is my picture uploaded?

No. Everything runs inside your browser, so the picture stays on your device.

Why ignore near white and black?

Backgrounds and shadows can crowd out the real colors. With this option on, almost-white and almost-black pixels are skipped so the palette shows the subject.

Can I use the codes in an Android or Flutter app?

Yes. Choose Android colors.xml, Jetpack Compose or Flutter in the export box and copy the lines straight into your project.