Skip to content
Kitvoo

Extract colors

Main color codes in an image

Drop an image to extract colors

You can also paste (Ctrl+V) · Up to 50MB

Your files are never sent to a server. Everything happens in this device’s browser.

How to use

  1. Drop the image you want colors from, or click Choose image.
  2. Choose the number of colors (5–8) to see the main colors, most used first.
  3. To get the color at a specific spot, click the image with the eyedropper.
  4. Click a HEX or RGB value to copy it.

FAQ

How are the main colors chosen?

The image is sampled at 400px on its longer side, similar colors are grouped, and the groups are listed from most to least used. The percentage shows how much of the image each color covers. Colors that are nearly identical are merged.

Does a logo’s transparent background count as a color?

Pixels that are more than half transparent are left out of the main colors, so transparent backgrounds don’t show up. If the image is fully transparent, no colors are found. Clicking a transparent spot with the eyedropper shows a note that there’s no color there instead of a value.

Why is the eyedropper value slightly different from the original?

The eyedropper picks from the preview, which is scaled to fit your screen. Around small text or color edges, neighboring colors can blend, so click the middle of an area filled with a single color.

What format are the color codes copied in?

You can copy HEX (#1A2B3C) or rgb(26, 43, 60). Both paste straight into CSS or design tools.

Can I use the eyedropper with a keyboard?

Focus the image, move with the arrow keys, and press Enter to pick the color at that spot.