Dominant Colors
Find the dominant colours of any image (up to twelve, with hex, RGB and how much of the picture each one covers) and copy them with a tap.
or browse filesdrop an image here or paste
.png
Find the dominant colours of any image (up to twelve, with hex, RGB and how much of the picture each one covers) and copy them with a tap.
or browse filesdrop an image here or paste
- · tap a colour to copy it
Drop a photo, a logo, a screenshot or a painting and the page lists its main colours: a strip of swatches sized by how much of the picture each one covers, and under it every colour with its hex code, its RGB values and its share. Choose how many colours to look for, from two to twelve. Tap any swatch or hex to copy it, or copy the whole palette in one go. The picture itself stays on the stage untouched, so you can check a colour against where it comes from. Call it a dominant color finder, extractor or picker - it answers the same question, what colours a picture is made of.
The list sorts three ways. Dominance puts the colour that covers the most of the picture first, the usual answer to "what is the main colour of this image". Hue orders the palette around the colour wheel, red through yellow, green and blue to purple, with greys at the end, which is how you read a palette for a design. Brightness runs from the lightest to the darkest. The i button on the picture shows the size, how many colours were asked for and found, and the top colour.
The colours are found by clustering the picture's pixels in RGB, the same k-means separation the screen-printing tool uses to split a design into inks, so a photo's thousands of shades collapse into the few that a person would name. The result is repeatable: the same picture and count always give the same palette. When a picture has fewer real colours than you asked for, a two-colour logo with six requested, the duplicates are merged and the list shows what is actually there. Shares are the fraction of pixels closest to each colour.
Nothing is uploaded: the clustering runs in your browser on the pixels in memory. Client artwork and unreleased designs stay on your device.
The colour that covers the largest share of it once the picture's shades are grouped into a handful of representative colours. This page shows it first under Dominance, with its share as a percentage, and lists the next colours after it.
Four to six for a photo gives a palette a designer would use; two or three answers "what colour is this thing"; ten or twelve picks up accents. If you ask for more than the picture has, the list simply shows fewer.
Yes. Every row shows the hex code and the RGB values, a tap copies one, and Copy palette copies all of them as a comma-separated list ready for a stylesheet or a design tool.
Each swatch is the average of a group of similar pixels, so a textured area comes out as its overall colour rather than any single pixel. Ask for more colours to split a group into its shades.
No. The colours are computed in your browser and nothing leaves your device.