Color Identifier

Web Color Checker

Read the exact color from a screenshot and get its Hex code to check against your design.

Check a color from any screen capture

When you want a web color checker, you usually need to know the exact shade behind a button, banner, or background. Color Identifier handles this from the image side: take a screenshot of the page, open it in the app, and tap the spot you want to check. It reads that pixel and gives you the precise color.

How to check a web color

  1. Capture a screenshot of the web page or design.
  2. Open Color Identifier and choose From Photo.
  3. Tap the element you want, like an eyedropper, and the web color checker reads that point.
  4. Get the color name plus Hex, RGB, CMYK and Pantone codes.

For colors on a physical screen or printout, Live Camera reads them in real time. Because you work from an image, you can check a color without viewing any source code, from screenshots, mockups, exported designs, or photos, and confirm a shade instead of eyeballing it.

Keep your checks on hand

A web color checker is more useful when results stick around. Save each color you check into a palette, then export or share the codes. The values are universal, so they work with any design app, document, or paint range.

Frequently asked questions

Can this check the color of a live website?

It doesn't inspect a live page's code. As a web color checker, Color Identifier reads the exact color from a screenshot or photo of that page and gives you the codes.

Which color codes will I get?

Each point you tap returns Hex, RGB, CMYK and Pantone values, so you can check a web color in whichever format you need.

Can I save the colors I check?

Yes. Save any color you check into a palette and export or share the codes for design handoff.

Related