Image color picker
Zoom in on any pixel, copy its color, and pull the main palette from the image.
How it works
- 01Drop, choose or paste an image (JPG, PNG, WebP, AVIF, HEIC, GIF or SVG).
- 02Hover to inspect pixels through the magnifier, then click or tap to pick a color.
- 03Copy any value, or export the dominant palette as CSS, Tailwind, JSON or a PNG strip.
Questions
›How accurate is the color I pick?
You get the exact value of the pixel under the crosshair, read from the full-resolution image even when the preview is shown smaller. The magnifier shows the surrounding pixels so you can land on the right one.
›How is the dominant palette worked out?
The image is shrunk to a small copy and its colors are grouped with k-means clustering in the OKLab color space, which measures differences the way the eye sees them. Each swatch is the average of its group, and the percentage is how much of the image it covers. Transparent areas are ignored.
›What is OKLCH, and why is it shown?
OKLCH describes a color by lightness, chroma (colorfulness) and hue, in a way that tracks human perception. It is supported in modern CSS, and makes it easy to build lighter or darker shades that still look like the same color.
›Can I pick a color from outside the image?
Yes, in browsers that support the EyeDropper API (Chrome, Edge and Opera on desktop). Use "Pick from screen" to grab a color from anywhere on your display. Other browsers simply don't show the button.
›Are my files uploaded anywhere?
No. Your files are processed on your own device by your browser. They never touch our servers, so there are no upload waits, no size caps from us, and nothing to delete afterwards.