Color Palette Extractor
Pull a colour palette from any photo: balanced, vibrant, muted, dark or light, as HEX, RGB, HSL or CSS.
or browse filesdrop an image here or paste
.png
Pull a colour palette from any photo: balanced, vibrant, muted, dark or light, as HEX, RGB, HSL or CSS.
or browse filesdrop an image here or paste
tap a colour to copy it
Color palette extractor is a palette generator that turns any picture into a color scheme you can use. Drop a photo, a screenshot or a logo and the tool picks its key colours - from two to twelve - and lays them out as a palette card: the picture with a strip of labelled swatches under it, or the strip on its own. It is built for the moment you need brand colours from a logo, a theme for a slide deck that matches its cover photo, or a palette for a website taken from a hero image - and it works the same on images from a phone camera, a scan or a screenshot, so the colors of any picture are a drop away. The Colours slider sets how many swatches you get, and the card on screen is exactly the card you download.
The Mood control decides which of the picture's colours make the cut. Balanced picks the colours that cover the most of the image, the way a dominant colour finder would. Vibrant favours the most saturated ones, so a small red door in a grey street still gets a swatch. Muted does the opposite and gathers the soft, greyed tones for a calm palette. Dark and Light pick from the shadows or the highlights. Every mood keeps its swatches clearly apart, so two near-identical blues do not both make the cut - a picture with few distinct colours gets a looser gap, and failing that a shorter palette. Values show as HEX, RGB or HSL, each one copies with a tap, and Copy CSS gives you the whole palette as ready-made CSS variables.
The palette card downloads as PNG, JPG or WebP from the format menu beside the download button; PNG keeps the swatch edges crisp and the hex labels sharp. Switch off Photo on the card to export the swatch strip alone, which is the version that drops neatly into a mood board or a design brief. Copy list puts the values on the clipboard in strip order, Copy CSS wraps them in a :root block, and on a phone the card can be shared straight into another app.
Brand assets, unreleased artwork and client photos are exactly the pictures people extract palettes from, and none of them leave your device here. The image is decoded in your browser, the colours are computed on your own machine and the card is drawn on a canvas there too. Nothing is uploaded, nothing is stored, and the page keeps working with the connection off once it has loaded.
It clusters the picture's pixels into sixteen candidate colours with a seeded k-means, so the same picture always gives the same candidates, then ranks them for the mood you chose and keeps the best ones that are clearly different from each other. Balanced ranks by coverage, Vibrant by saturation, Muted by softness, Dark and Light by lightness.
Yes. Copy CSS puts a :root block with --color-1, --color-2 and so on on your clipboard in the value format you have selected, and Copy list gives the plain values separated by commas. Tapping any single value copies just that colour.
The dominant colours page measures a picture: which colours it contains and what share of it each one covers. This page builds a palette to use from it: it lets you steer the selection by mood, shows the values in HEX, RGB or HSL, and produces a palette card and CSS you can take into a design.
Five is the usual size for a brand or interface palette - a dominant colour, a couple of supporting ones and an accent - and it is the default here. Go down to two or three for a duotone look and up to twelve when you need the full range of an illustration or a landscape. The slider updates the card instantly, so try a few.
No. The picture, the colour analysis and the palette card all stay in your browser. That is why the palette appears instantly and why logos and unreleased designs are safe to use here.