Image Color Picker

The image is drawn on a canvas at its full resolution. As you move the pointer (or your finger on a touch screen), the tool works out which original pixel is underneath, even when the preview is scaled down, and reads its red, green and blue values. Clicking stores that colour as the current pick and adds it to a history of up to 10 recent colours, which you can click to select again.

Colours are shown and copied as six-digit HEX codes, such as #1A73E8.

Photos are rarely made of flat colour. Sensor noise, JPG compression and natural texture mean that two pixels a millimetre apart on screen can have noticeably different values. This picker reads a single pixel, not an average, so:

• for flat graphics and logos, any pixel inside a shape gives the true colour;
• for photos, try several spots and choose the one that looks most typical, or use the Palette Generator, which summarises the image's main colours;
• avoid edges, where pixels are blends of two colours.

The values are what the browser decoded, in sRGB. If your image uses a wide-gamut profile, or your browser applies colour management differently from the app the colour will be used in, the HEX code may not match that app's eyedropper exactly. For brand colours, take values from the original vector or design file when you can.

The image stays in your browser; colours are read from the local canvas and nothing is uploaded. Copying uses your clipboard only when you press copy.