Pick colors from an image for free

How it works

1. 1

   Choose or drop an image.

2. 2

   Click the spot whose colour you want.

3. 3

   Read the HEX and RGB values.

4. 4

   Copy a value, or pick again from your history.

About the Color Picker from Image

Matching a brand colour from a logo, a shade from a photo or a button colour from a screenshot is guesswork by eye. This picker reads the exact value instead: click any point on your image and it shows the colour of that pixel as HEX and RGB, ready to copy into CSS, a design tool or a style guide.

What you can do

• Click anywhere on the image to sample the pixel under the cursor.
• Read the colour as an uppercase HEX code such as #1E40AF and as rgb() values.
• Copy either format with one click.
• Keep a history of the last eight colours you picked, without duplicates.

When it works best

• Pulling the exact brand colours out of a client's logo file.
• Recreating a colour scheme from a screenshot of a website or app.
• Choosing text or background colours that match a hero photo.

Things to know

• The image is drawn onto a canvas in your browser and never uploaded.
• Each click reads one pixel with no averaging, so on photos or JPG noise neighbouring pixels can differ. Sample a few spots.
• Semi-transparent pixels are reported without their alpha value.
• To turn a HEX value into HSL or other formats, use the Color Converter.

Frequently asked questions