Image Color Picker & Palette Extractor

Click anywhere on an image to read its color as HEX, RGB and HSL and copy it. Build a palette or extract the main colors automatically. Your image is never uploaded.

  • Runs in your browser (no upload)

Up to 40 MB per file

Palette (0/16 colors)

No colors yet. Pick a color on the image and press "Add to palette".

How to use

  1. Choose or drag and drop an image. You can also press "Try a sample image".
  2. Click (tap) or drag on the image to pick a color. Focus the crosshair to fine-tune it with the arrow keys, or type the coordinates.
  3. Copy the HEX, RGB or HSL value, or press "Add to palette" to collect colors and copy them all in the format you choose.
  4. Under "Main colors of the image", see representative colors found automatically and their rough shares.

FAQ

Is my image uploaded?

No. Loading the image and calculating colors both happen in your browser; the image never leaves your device.

What does "Average of 3 × 3 pixels" do?

When noise makes neighbouring pixels differ, it uses the average of the surrounding pixels. Semi-transparent pixels count less, according to their opacity.

How are the main colors found?

Up to 40,000 pixels are sampled, a median-cut split gives the starting colors, and k-means groups similar colors. The result is an approximation for choosing color schemes, not an exact measurement.

Why do the values differ slightly from another app?

Browsers convert embedded color profiles (such as Display P3) to sRGB for display. This tool shows the colors after that conversion.

Notes & limitations

  • What you enter is processed only on this page and is not sent to YUCTS servers.
  • Values are the colors the browser draws after converting to sRGB. For wide-gamut images (such as Display P3) they may not match the numbers stored in the file.
  • Compressed images such as JPEG vary from pixel to pixel; a larger sample area gives steadier values.
  • Main colors are an approximation based on sampled pixels, and the percentages are rough guides.
  • Images above the browser limit (about 16 million pixels) are scaled down when loaded, which slightly averages colors.
  • If browser anti-fingerprinting protection is enabled, read-back colors may contain tiny deviations.
  • Formats the browser cannot open, such as HEIC/HEIF, are not supported.