palette.from

Drop an image. Get its main colors, ready to paste as CSS.

Your image stays in this tab · Made by musaabk.devالعربية

Image

6

Export

Choose an image to see the export.

Questions

How are the colors picked?

The image is shrunk to 128 pixels, its colors are grouped with k-means in the Lab color space, which measures difference the way the eye sees it, and shades that look the same are merged. Colors are sorted by how much of the image they cover, and when you show fewer colors than the image has, close shades of one color step aside so the others get a place.

Is my image uploaded?

No. The image is read and analyzed inside your browser tab and is never sent to a server.

What do the contrast numbers mean?

Each color shows how readable white and black text are on top of it, using the WCAG ratio: 4.5 or more passes AA for normal text, 3 or more for large text, and 7 or more passes AAA.

What can I export?

CSS custom properties, a Tailwind v4 @theme block, or a JSON list of hex codes. Click any swatch to copy just that color.

Which images work?

PNG, JPG, WebP, GIF and SVG up to 40 MB. You can also paste an image straight from the clipboard. HEIC photos usually open only in Safari; in other browsers, export them as JPG first.

Do you track my images?

No. Your image is read and analyzed inside this browser tab and never sent anywhere.