Palette from Image
Turn a photo into a colour palette with CSS variables, SCSS, Tailwind and JSON ready to paste into your project.
Free · No upload · 100% on your device
Palette from Image
Choose an image, or drop it here.
PNG, JPG, JPEG, JFIF, WEBP, AVIF, GIF, BMP, SVG · No size limit. Nothing is uploaded. You can also paste an image.
100% on your device
How to use Palette from Image
- Choose your image, or drop it on the page.
- Adjust the settings in the side panel. The preview updates as you go.
- Select “Create palette”.
- Download the result. Your original file is left unchanged.
Private by design. Your files are processed in this browser tab and are never uploaded to KittySuite.
About Palette from Image
Pick the number of colours and a name prefix for the variables. Colours are ordered by how much of the image they cover. Download the palette as a PNG card plus CSS and JSON files.
Processing happens in this browser tab: your images are never uploaded, and the result is ready as soon as you download it. Large photos take a moment longer on phones; nothing is limited by size.
Palette from Image: frequently asked questions
How do I make a colour palette from a photo?
Choose the photo, the number of colours and a name prefix. The palette is ordered by how much of the image each colour covers.
Which formats can I export?
CSS variables, SCSS, Tailwind and JSON to paste into a project, plus a PNG card and CSS and JSON files to download.
How is this different from Color Extractor?
Color Extractor focuses on reading codes and coverage; Palette from Image names the colours and formats them for design systems and code.
Can I use the palette commercially?
Colour values themselves are not owned by anyone. Make sure you have the right to use the photo itself if you publish it.