Image Tools

Image Color Picker

Pick a pixel from an image and copy its HEX, RGB or HSL color, including transparency. Explore an approximate dominant-color palette and download your color data privately in your browser.

Your content stays on your device Free, with no account
Find the colors in your image Local sampling · no uploads

No file selected.

Static PNG, JPEG or WebP · up to 20 MiB, 40 MP and 16,384 px per side

No image selected.

Click or tap the image to sample a pixel at its original decoded resolution. Focus the image and use arrow keys to move 1 pixel, or Shift + arrow for 10.

Approximate palette from at most 102,400 sampled pixels. Similar colors are grouped; transparent pixels contribute in proportion to their opacity.

Load an image to see its dominant palette. Select a swatch to view its color values.

YOUR SELECTED COLOR

Choose an image to begin.

Ready. Choose an image to pick a color.

Pixel values come from the original-size browser-decoded image, not the scaled preview. The browser applies orientation and color handling; values may differ from raw file data or other color-managed applications. Fully transparent pixels have no visible color, and their hidden RGB values may be lost during decoding.

Palette percentages describe sampled visible color weight, not exact counts in the full image. The top colors may not add up to 100%. Alpha and HSL text are rounded to three decimals; HEX preserves the sampled 8-bit channels.

A FEW SIMPLE STEPS

How to use Image Color Picker

  1. Choose or drop one static PNG, JPEG or WebP image. The center pixel is selected initially.
  2. Click or tap the image, enter exact zero-based coordinates, or focus the image and use arrow keys. Shift + arrow moves ten pixels.
  3. Review HEX, RGB, HSL and alpha. Select a dominant palette swatch to inspect an approximate color instead.
  4. Copy a color value or download JSON containing the selected color, image dimensions and dominant palette.
PRIVATE BY DESIGN

Why use this tool?

Your image is never uploaded to any server; pixel sampling, color conversion and palette extraction happen locally in your browser. The pixel picker samples the original-size decoded image rather than the scaled preview. No account or image history is needed, and the palette uses a bounded local sample to keep processing responsive.

Tool inputs stay in your browser. Only your theme preference is saved on this device.

A few things worth knowing

Are pixel colors sampled from the small preview?

No. A click maps to coordinates in the original-size browser-decoded image, and that single pixel is sampled directly. The preview is scaled for your screen. Coordinates start at zero at the top-left after browser orientation is applied. Arrow keys move one original pixel; Shift + arrow moves ten.

Which image formats and sizes are supported?

Static PNG, JPEG and WebP, up to 20 MiB, 40 megapixels and 16,384 pixels per side. SVG, GIF, AVIF, HEIC and detected animated PNG/WebP are not supported. Browser decoding and available memory may impose lower limits.

How is the dominant palette calculated?

The image is sampled at up to 320 × 320 pixels using nearest-pixel sampling. Similar RGB values are grouped into 5-bit buckets and averaged within each bucket. Pixels contribute in proportion to alpha; fully transparent pixels do not contribute. The three, five or eight heaviest buckets are shown. This is an approximate palette, can include similar shades and may miss small features.

What do palette percentages mean?

They are fractions of all visible sampled pixel weight, not exact percentages of the full image or percentages renormalized to the displayed colors. The top colors may total less than 100 percent. Palette colors are shown as opaque bucket averages; their original alpha is represented by their contribution to the weighting.

How are transparency and color profiles handled?

HEX includes an alpha byte when the selected pixel is not fully opaque. RGB and HSL include alpha rounded to three decimals, while JSON retains the sampled alpha byte and numeric fraction. Fully transparent pixels have no visible RGB color, and hidden RGB may be lost when decoding. Browser orientation and color management apply, so results can differ from raw file values or other applications.

Does this include a screen eyedropper or edit my image?

No. It samples only the image you choose, without screen capture or camera access. It does not modify or download a changed image. The JSON download contains color data, dimensions and calculation notes, not the image file.

What happens when I choose another image or clear the tool?

The previous image bitmap, sample buffers and color results are released. Pending decodes from an earlier file are ignored and closed. Clear removes selected colors and downloads; leaving the page releases application-held resources. Image inputs are not stored in browser storage.