How does automatic colour extraction work?+
The tool uses k-means clustering to group pixels by colour similarity, then returns the centroid of each cluster as a dominant colour. The number of clusters controls how many colours are extracted.
Can I extract colours from a website screenshot?+
Yes. Take a full-page screenshot, upload it, and see the exact colours used in the design. This is useful for analysing competitor colour schemes or documenting an existing design system.
How do I use extracted colours in CSS?+
Click any colour swatch to copy the HEX value, then paste it into your CSS. Or export the full palette as CSS custom properties (--color-1: #hexvalue;) to use across your project.
How many colours should I extract?+
5 colours works well for most images, giving the dominant palette without too many similar shades. For photographs with complex gradients, 8-10 colours captures more variety. For logos, 3-4 colours is usually sufficient.