Color Picker from Image

Pick the color of any pixel in an image and get its HEX, RGB, HSL and CMYK values, along with the image's main colors and their shares.

Loading…

How to use

  1. Choose an image, drop it into the box, or paste it with Ctrl+V. PNG, JPEG, WebP and GIF work.
  2. Move the pointer over the image to see the magnified pixels and the color under the cursor.
  3. Click or tap the image to pick a color. Its HEX, RGB, HSL and CMYK values appear below, each with a copy button.
  4. Picked colors are kept as swatches under “Recent colors” (last 10). Click a swatch to show it again.
  5. “Main colors” lists the image's dominant colors with their shares. Change the number of colors or copy all HEX values at once.

Frequently asked questions

Is my image uploaded?
No. The image is read and analyzed only in your browser.
Why is the CMYK value marked approximate?
It is calculated with the simple RGB-to-CMYK formula without a color profile. Printed colors depend on the paper, ink and profile, so use it as a starting point only.
How are the main colors found?
The image is reduced to about 200 px, transparent pixels are skipped, and similar colors are grouped (median cut refined with k-means). The share is the portion of pixels in each group.
Can I pick a color outside the image?
In browsers that support it (such as recent Chrome and Edge on desktop), a “Pick from screen” button appears. It lets you pick any color shown on your screen.
The picked color differs slightly from my design file.
Browsers may convert images with an embedded color profile to sRGB, and JPEG compression changes pixels slightly. Values are read after the browser has decoded the image.