Image Pixel Color Picker

Sample a pixel from a local image and read HEX, RGB and canvas coordinates. Adjust HEX/RGB/HSV/HSL values; the working canvas fits within 900 × 620.

Start using

Image Pixel Color Picker

Loads one local image, automatically samples one initial pixel, and lets the user click another displayed pixel. Only the most recent pick marker remains visible.

The displayed click position is mapped back to the scaled canvas coordinates. The result reports HEX, RGB and that canvas coordinate, and the advanced color controls can adjust the selected value afterward.

A file must have an image MIME type, be no larger than 25 MiB and decode to no more than 24 million pixels. The working canvas is scaled to fit within 900 by 620 pixels, so its coordinate is not necessarily the original-image coordinate.

Reading and sampling occur in the browser with FileReader and canvas; the image is not intentionally uploaded by this tool. Browser decoding and color management can affect values from wide-gamut or color-profiled images.

The picker reads an RGB pixel from the rendered canvas and ignores alpha in the reported color. It does not identify named colors, average an area, choose a dominant palette or provide print-production color measurement.

Image Pixel Color Picker

The first pick is a random canvas pixel, not necessarily the top-left pixel. The canvas is at most 900 × 620 and may resample the original, so coordinates and colours refer to the rendered canvas. Alpha is omitted rather than composited onto the visible page background; a fully transparent pixel can read black. The advanced HEX/RGB/HSV/HSL fields adjust the selected colour, not the image. Coordinates remain those of the sampled point after manual edits. Read current colour repeats the current adjusted value and coordinates; Copy all copies HEX, RGB and coordinates, not every advanced field. Clear removes the image and selected result.

25 MiB = 26,214,400 B
W × H ≤ 24,000,000 px
Canvas: W ≤ 900 px; H ≤ 620 px

Processing takes place locally in your browser.

How to use

Read and adjust a pixel color

Select, drop or paste one browser-decodable image, up to 25 MiB and 24,000,000 pixels.
The image is fitted within a 900×620 canvas without enlarging it. One random canvas pixel is selected initially.
Click the displayed image at the point you want to sample. The marker shows the latest point; the result reports HEX, RGB and canvas coordinates.
Use the HEX, RGB, HSV or HSL controls to adjust the selected color. This changes the reported color, not the image or the selected coordinates.
Read current color repeats the current values. Copy all copies HEX, RGB and coordinates. Clear removes the image and selection.

Sampling reads RGB from the displayed canvas and ignores alpha. Resizing, browser color conversion and transparency rounding can change the sampled RGB values; coordinates belong to the canvas rather than necessarily to the original image.