Palette from image.

Building a site around a client's photography is far easier when the palette comes from the photographs themselves. Pull the dominant colours out of the hero image and you get a scheme that already agrees with the content, instead of one that fights it.

The extraction quantises each channel and groups near-identical pixels together, then ranks the resulting buckets by how much of the image they occupy. The percentage under each swatch tells you the share, which matters: the colour covering 40% of a photo should probably be your background, not your call-to-action button.

Click any swatch to copy its hex, or take the whole set as CSS custom properties. Then check the pairs you intend to use for text in the contrast checker — palettes pulled from photographs are frequently beautiful and frequently unreadable.

Worth knowing

• The largest share is usually a background colour. Your accent should come from a small, saturated slice.
• Photos with a strong colour cast produce muddy palettes. Try two or three images and compare.
• Always run your final text and background pair through the contrast checker before committing.