How to use
- Choose or drop an image.
- Click anywhere on the image to get the colour at that point.
- See the main colours of the image below; click one to copy its HEX code.
- Click a result to copy it.
How it works
Main colours are found by grouping similar pixels together (k-means clustering on a smaller copy of the image) and sorting the groups by size. The percentage shows how much of the image each colour covers.
Frequently asked questions
Is my image uploaded?
No. The image is read in your browser and never sent to a server.
Why is the clicked colour slightly different from what I expected?
Photos have many slightly different pixels even in areas that look flat. Zoom in on your design file for pixel-exact colours, or click a few points and compare.
Can I pick colours from a website?
Take a screenshot of the website, then open the screenshot here.