Skip to content

Image Color Picker

Click anywhere on an image to read the colour of that pixel as a hex code and RGB values.

How to use the Image Color Picker

  1. Add an image.
  2. Press Analyse to display it.
  3. Click any point on the picture to read the colour under the cursor.
  4. Copy the hex code or the RGB values from the result.

Reading colours from an image

The image is drawn on a canvas and the pixel under your click is read directly, so the value you get is the exact colour stored in the file rather than an approximation.

Hex, RGB and where each is used

A hex code such as #1656d3 is the usual way to write a colour in CSS and design tools; it is the same information as the RGB triplet, just written in base 16. Use hex in stylesheets and design software, and RGB when a tool asks for the three channel values separately.

Tips for accurate sampling

  • JPG compression shifts colours slightly near edges. Sample from a flat area rather than on a boundary.
  • Screenshots of colour-managed applications may not match the original colour exactly.
  • Sample several nearby points if a region looks uneven — gradients rarely have one true colour.

Frequently asked questions

Why is the colour slightly different from the original design?
Lossy formats such as JPG shift colours a little, especially near edges. Sampling from a flat region of the image gives the most reliable value.
Can I pick several colours?
Yes. Keep clicking — each click reports the colour at that point.