PolishTools

Image color picker

Location /en/tools/image-color-picker/

Design

Image color picker

Pick pixels, inspect HEX/RGB/alpha values and build a palette.

Files are processed in this browser.
Image color pickerPolishTools

Drop a file or choose one. You can also paste an image.

JPG · PNG · WebP / up to 40 MB and 16 MP / no animation or rotation metadata
Settings

Selected colors

Click the image or enter X/Y coordinates to inspect a source pixel.

Preview

Choose a file to begin.

Choose a file to begin.

How to use the tool

  1. Choose the image

    Load an image to inspect the top-left pixel first. Transparent pixels have alpha zero.

  2. Inspect a pixel

    Click the image or enter X/Y. With the canvas focused, arrow keys move one pixel; Shift plus an arrow moves ten.

  3. Collect and export colors

    Add selected colors to the palette and generate JSON/CSS files. Copy copies the current pixel as a HEX value including alpha.

Before you export

One pixel at source coordinates

Sampling uses the source canvas even when the preview is smaller. The top-left is 0,0 and the bottom-right is width−1,height−1. Values follow browser decoding and color management.

HEX and transparency

Copied colors use #RRGGBBAA. The final pair is alpha: FF is opaque and 00 is transparent. RGBA is also shown. Fully transparent RGB may become zero during decoding, so this cannot recover hidden colors.

Current limitations

  • JPG · PNG · WebP / up to 40 MB and 16 MP / no animation or rotation metadata
  • Dimensions must be positive integers, up to 8,192px per edge and 16 MP.
  • Up to 32 palette colors; identical color/alpha values are not added twice.
  • No automatic dominant-color extraction or CMYK/print-color calculation.
  • Values may differ from other applications because of browser and source color-profile handling.

Questions about the image tool

Does it sample the checkerboard?

No. The checkerboard only indicates transparency. Sampling reads source pixels and alpha.

What if copying fails?

If clipboard access is blocked, a notice appears. Select the value in the HEX field and copy it manually.

Why do transparent pixels show black?

RGB is invisible at alpha zero and Canvas may normalize it to zero. It does not mean the image has a black background.

All guides
Updated 2026-09-06 3 min read

Separate source coordinates from display scale, then use the ruler, color picker and diff tool together.

Read guide →
Updated 2026-09-03 8 min read

Choose an image format by transparency, photographic detail, file size, and compatibility rather than by habit.

Read guide →

Design

Pixel ruler
Ready Files are processed in this browser