Image Color Picker

Move the pointer over the image: the loupe magnifies the pixels around the cursor and shows the hex under the crosshair. Click to select — the color lands in the panel and in your saved list. With the image focused you can also walk pixel by pixel with the arrow keys (hold Shift for 10 at a time) and pick with Enter.

1×1 reads the exact pixel — the honest answer, and the noisy one on photos and JPEG artifacts. 3×3 and 5×5 average a small neighborhood, which is what you usually want when sampling a gradient, a shadow or a compressed image.

The palette is computed with median cut, the classic quantization algorithm: the pixels are repeatedly split into boxes along their widest color channel, and each final box is averaged into one color. Boxes are ordered by how many pixels they hold, so the first swatches are the ones that dominate the image.

Every picked color is converted to HEX, RGB, HSL, HSV and CMYK, each copyable on its own. The contrast block shows the WCAG 2.1 ratio against white and black — 4.5:1 is the AA threshold for body text and 7:1 is AAA, so it tells you at a glance whether the color can carry text.

Where the browser supports the native EyeDropper API (Chrome and friends), the eyedropper button picks a color from anywhere on your screen — no image needed, including outside the browser window.

Nothing is uploaded. The image is decoded into a canvas in your own browser and the pixels never leave it. Only the hex codes you save are kept, in this browser's local storage. Images loaded by URL are the one case that can fail: if the remote server does not allow cross-origin reads, the browser blocks pixel access and the tool will say so — download the file and open it instead.