Image Color Picker
Click anywhere on a picture to read its exact color, or let the tool extract the dominant colors as a ready-to-use palette.
———How to pick colors from an image
- Choose an image. The most dominant colors are extracted into a palette straight away.
- Move your mouse (or tap) over the picture to read any pixel’s HEX, RGB and HSL, and click to save colors you like.
- Copy single values, or copy the whole palette as CSS variables.
Features
Exact pixel colors
HEX, RGB and HSL for any point in the image.
Auto palette
Dominant colors found with median-cut, sorted by share.
CSS export
Copy the palette as CSS custom properties.
Private
Your image is edited on your device and never uploaded.
Frequently asked questions
How is the palette calculated?
The image is shrunk and its pixels are grouped into color boxes using the median-cut algorithm. Each box’s average color becomes a palette entry, shown with the share of the image it represents.
Are the colors exact?
Picked colors come straight from the original image pixels. Photos can contain noise, so neighbouring pixels may differ slightly; click a few points to find the shade you want.
Can I use the colors in my design tool?
Yes. Copy the HEX value and paste it into Figma, Photoshop, CSS or any other tool.
Is my image uploaded?
No. The image is analysed in your browser and never leaves your device.