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.
Tips and common uses
Match a colour from a logo or a photo
Open the picture, click the colour you like, and copy its HEX code to use in a design, a document or a website. For a logo, click a flat area rather than an edge.
Build a palette from one image
The main colours listed below the image give you a ready palette that already goes well together. Choose more colours if the image has many shades, and fewer for a simple look.
Get the colour from a website
Take a screenshot of the page and open the screenshot here, then click the colour you need. This works for any web page, app or video frame you can capture.
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.