Drop an image here
or click to select a file, or paste
Pixel Picker turns an image into a colour sampler. Hover the image to magnify a small area through a loupe, click to capture the pixel, and copy the value in the notation you prefer (HEX, RGB, HSL, OKLCH, and others). Wide-gamut Display P3 sampling is available when your browser and screen support it.
The Copy button writes the active colour to the clipboard in the current notation. The X next to the filename removes the image and resets every swatch so you can start a new sampling session.
The pixel under the cursor is sampled directly from the canvas, so the value matches the actual decoded RGB. Very large images are scaled to fit a 2000-pixel longest edge before sampling, which can blend neighbouring pixels at the original resolution.
When P3 is on, the image is also drawn into a Display P3 canvas and the same coordinate is sampled there. You then get a color(display-p3 …) CSS value alongside the sRGB hex, useful for wide-gamut workflows.
The loupe magnifies a small area around the cursor and draws each source pixel as a solid square. This makes it easy to land on the exact pixel you want, especially in detailed images or sprites.
No. The image is read into a Blob URL and drawn into local canvases. Sampling and copying happen in your browser only.