Image Color Picker
Open an image, click any pixel to get HEX, RGB and HSL, and see the dominant colours of the whole picture ranked by share.
原图（点任意位置取色）
取到的颜色
主要颜色（按占比）
How to Use
- Load the image
Enter a URL, paste a data URL or pick a local file; once loaded, the hint tells you clicking is enabled.
- Pick a pixel
Click anywhere on the image to see the swatch, HEX, RGB, HSL and pixel coordinates on the right; click around to compare.
- Grab the palette
Check the six dominant colours and their shares; clicking one copies its value straight to the clipboard.
FAQ
How are the dominant colours computed?
The image is scaled to 100×100, each pixel is binned by 16-level quantisation per channel, buckets are counted and sorted, and the top six are shown. Each swatch is rebuilt from the true average of the pixels in its bucket, not the quantised centre.
Is pixel picking accurate?
Yes. The preview canvas scales coordinates back to image space, so you get exactly the pixel you clicked, and the panel reports the column and row for verification.
Why can't it read a cross-origin image?
Browser security forbids reading pixels from a cross-origin image unless the host opts in. Save the file locally and use the file picker — accuracy is identical.
How do I copy a value?
Click 'Copy value' to copy the currently selected HEX, or click any swatch to copy that swatch's HEX and make it the current colour.