Image Color Picker
Click anywhere on an image to read its exact colour, and get a palette of the dominant colours automatically.
Click the image to pick a colour
Dominant colours
How to use
- 1
Add an image.
- 2
Click or tap the image to pick a colour; a magnifier helps you aim.
- 3
Copy the HEX, RGB or HSL value, or the whole palette as CSS variables.
Frequently asked questions
How is the palette calculated?
The image is downsampled and the colours are clustered with a k-means algorithm; the largest clusters become the palette.
Are colour profiles taken into account?
Colours are read after the browser converts the image to sRGB, which is what you see on screen and what web colours use.
Are my images uploaded?
No. This tool runs entirely in your browser, so your images never leave your device.