utilobox
English

Pick colors from an image

Open a picture, tap the exact pixel you want and copy its color code. The tool also lists the image's main colors, so you can build a matching palette.

Open an image, then tap or click on it to pick a color.

or drop a file here

You can also paste an image with Ctrl+V (Command+V on a Mac).

Files never leave your device. Everything runs in your browser.

How to use it

  1. Open an image with "Choose a file", by dropping it, or with "Paste image" or Ctrl+V.
  2. Click or tap the spot whose color you want; the magnifier shows exactly which pixel you are on.
  3. Copy the HEX, RGB, HSL or CMYK value with the copy button next to it.
  4. Under "Main colors", choose how many to show and copy them with "Copy HEX list" or "Copy as CSS", or click "Save as PNG".

What it does

  • Pixel-precise magnifier

    An 11 × 11 pixel magnifier with a grid shows where you are picking. On a phone it appears above your finger, and with a mouse it sits beside the pointer.

  • Four color formats

    Every pick gives HEX, RGB, HSL and an approximate CMYK value, each with its own copy button.

  • Recent colors

    The last 12 colors you picked stay in a list, saved in this browser as color codes. "Clear" removes them.

  • Main colors palette

    See the 5 to 10 dominant colors of the image (6 by default), each with its share shown as a percentage and a bar.

  • Ready for design and code

    Copy the palette as a HEX list or as CSS custom properties, or save it as a PNG image named after your file with -palette added.

  • Pick from screen

    In Chrome and Edge on a computer, "Pick from screen" lets you take a color from anywhere on your display, not just from the image.

Good to know

A color picker helps you match a brand color from a logo, choose text colors that suit a photo, or recreate a palette you liked in a picture. HEX codes such as #1E90FF go straight into web design tools and CSS, RGB and HSL are common in graphics programs, and CMYK is a starting point for print. The CMYK value is only an approximation, because real print colors depend on the printer, ink and paper, so ask for a proof when exact color matters.

The main colors are worked out on a reduced copy of the image, so their percentages are a good guide rather than an exact count, especially for photos with many shades. All values are in sRGB, the standard color space of the web. With a keyboard, move the picker with the arrow keys and press Enter to pick. Only the color codes you pick are remembered on your device; the image itself is not stored.

Questions and answers

How do I find the HEX code of a color in an image?

Open the image and click or tap the color you want. The HEX code appears under "Picked color", and the copy button next to it puts it on your clipboard.

Can I get a color palette from a photo?

Yes. Under "Main colors", choose between 5 and 10 colors. Copy them as a HEX list or CSS, or click "Save as PNG" to keep the palette as an image.

Why is the CMYK value approximate?

CMYK depends on the printing process, so a direct conversion from screen colors can only be an estimate. Use it as a starting point and check a printed proof.

Can I paste a screenshot directly?

Yes. Press Ctrl+V (Command+V on a Mac) on the page, or use "Paste image" in browsers that allow reading the clipboard.

Why don't I see the "Pick from screen" button?

It relies on a browser feature called EyeDropper, which only Chrome and Edge on computers offer. In other browsers you can still pick colors from any image you open.

Are the colors I pick saved?

The last 12 are kept in this browser as color codes, so they are still there next time. Click "Clear" next to "Recent colors" to delete them.

Related tools