Image Tools
Exam Form Photo & Signature KitImage ResizerImage CompressorRotate & Flip ImageCrop ImageColor PickerView all 35

Color Picker from Image

Pick any colour with a zoom loupe, copy it in every format, and get the image's main colour palette.

Runs in your browserNo sign-up requiredNo watermark

Drop an image, click to choose, or paste a screenshot (Ctrl+V)

Then tap any spot to get its colour, and see the image's main colours.

What Is a Color Picker?

A color picker (also called an eyedropper tool) lets you click anywhere on an image to read the exact color at that pixel — as HEX, RGB, or HSL. It's a staple for designers matching a brand color from a logo, developers pulling a color for CSS, or anyone who just needs to know exactly what shade something is. Under the hood, it reads the raw pixel data from the image file directly using the Canvas API, so the value you get is the color as it's actually stored in the file — not an approximation based on how your particular screen happens to render it.

How to Use This Color Picker

  1. 1Add an imageDrag it in, choose a file, or paste a screenshot with Ctrl+V. JPG, PNG, WebP and HEIC work.
  2. 2Aim with the magnifierMove over the image (or drag your finger) and the zoomed loupe shows exactly which pixels you're on. Click or lift to pick.
  3. 3Copy the format you needHEX, RGB, HSL, HSV or CMYK, plus the nearest colour name and whether text in that colour is readable on white or black.
  4. 4Grab the whole paletteThe image's main colours appear automatically with their share. Copy them as HEX, CSS variables or Tailwind config, or download a palette PNG.

Common Uses for a Color Picker

  • Matching a brand color from a logo file when the original design file or style guide isn't available.
  • Pulling a color straight out of a photo — a sky, a product, a fabric swatch — to use as a background or accent in a design.
  • Checking exactly what shade a screenshot is showing, useful for debugging a CSS color that looks slightly off.
  • Building a quick color palette by sampling several points across a reference image or mood board.

Good to Know

  • Photos are full of slightly different pixels. "3×3 average" (the default) blends the 9 pixels around your point for the colour your eye sees; choose "Exact pixel" for logos and screenshots.
  • The palette finds the image's main colours by grouping similar pixels, and merges near-identical shades, so you get distinct colours with how much of the image each covers.
  • In Chrome and Edge on a computer, "Pick a colour from anywhere on screen" lets you sample any app or website, not just the uploaded image.
  • The contrast badges follow the WCAG accessibility guideline: 4.5:1 or more (AA) for normal text, 7:1 (AAA) for the best readability.
  • Your recent colours are remembered in this browser. Nothing is uploaded.

Frequently Asked Questions

How accurate is the picked color?

With "Exact pixel" it reads the precise value stored in the file. With the average options it blends the surrounding pixels, which gives a truer result on photos, where neighbouring pixels vary. Heavily compressed JPGs can shift colours slightly, so a PNG source is the most reliable for logos.

What's the difference between HEX, RGB, and HSL?

They describe the same colour in different ways. HEX and RGB give red, green and blue amounts, used in websites and apps. HSL and HSV give hue, saturation and lightness or brightness, which are easier to adjust by hand. CMYK gives cyan, magenta, yellow and black ink amounts for print; for exact print colours your printer will convert using their colour profile.

Can I pick colors from a screenshot?

Yes. Paste a screenshot straight in with Ctrl+V, or choose the file. On a computer in Chrome or Edge, you can also pick colours from anywhere on your screen.

Why does the color look slightly different from what I expected on screen?

Every screen renders color slightly differently depending on its calibration and brightness settings — the value picked here is the raw data stored in the file, which is the objectively correct answer even if your particular display shows it a little warmer or cooler.

Can I pick more than one color at a time?

Yes. The image's main colours (4 to 10) are extracted automatically and can be copied all at once or downloaded as a palette image. Every colour you pick is also saved in your recent colours.

Is my image uploaded to a server?

No. The color is read directly from the image in your browser — nothing is uploaded.