Get the color palette of any image
Drop a photo, artwork or screenshot. Choose how many colors you want. Copy the hex codes or export them for CSS, Tailwind, Figma, Photoshop or Python. Your image stays in your browser.
Tip: click anywhere on the image to pick that exact color.
Settings
How it works
The image is drawn on a canvas in your browser and sampled on an even grid. K-means groups those pixels into the number of colors you ask for; the perceptual version groups them in CIELAB, where equal distances look like equal differences, so it splits skin tones and skies the way your eye does. Median cut keeps splitting the busiest color box in half, which is quick and tends to keep small, bright accents. Each swatch is the average of the pixels in its group, and its share is how much of the picture it covers. Colors that end up nearly identical are merged.
Nothing is uploaded. There is no account and no limit. The same image and settings always give the same palette.
Which export should I use?
- CSS variables or SCSS for a website stylesheet.
- Tailwind: v3 adds the colors to
tailwind.config.js; v4 uses an@themeblock in your CSS. - Adobe .ase for Photoshop, Illustrator and InDesign swatches. .gpl for GIMP, Inkscape and Krita.
- Python for matplotlib and plotly charts. PNG or SVG to share the palette as a picture.