Pull a colour palette from a photo
Drop an image and get its dominant colours as HEX, RGB and HSL, ready to paste into your CSS or design. Click any swatch to copy it. Great for matching a site to a hero photo. Nothing is uploaded.
Drop an image to extract its palette
JPG, PNG, WEBP, works best with photos and product shots
A real palette from a real photo
Here are the six dominant colours pulled from this mountain-lake photo. This is the actual output, not a mockup.
In the tool every swatch also shows RGB and HSL, and clicking one copies the code so you can drop it straight into your stylesheet.
Where a palette helps
Matching a site to its photos
Pull accent colours from your hero image so buttons and highlights feel part of the same world.
Brand and mood boards
Turn an inspiration photo into a starting palette, then refine it down to a handful of usable colours.
Theme variables
Grab exact HEX values to drop into a Tailwind config or a set of CSS custom properties.
Frequently asked questions
It samples thousands of pixels, groups them in colour space with a median-cut algorithm, and returns the most common groups sorted by how much of the image they cover. Each one comes with HEX, RGB and HSL so you can paste it straight into your code.
Yes. Click a swatch and its HEX is copied to your clipboard, with a checkmark to confirm.
Four to six is the practical maximum for a usable brand palette. More than that and it gets hard to build a coherent design. The slider lets you choose.
Colours that cover under about 5 percent of the image are usually noise. Treat them as accents at most, not main colours.
No. The colours are read from the image in your browser. Nothing is sent to a server.