← All toolsColor Eyedropper Tool

Pick Colors Directly from Images in Your Browser

Click any pixel in your image to copy exact HEX, RGB, and HSL color codes for web design and development.

HEX, RGB & HSL CodesPixel-Exact EyedropperLocal Browser ExecutionFree to Use

Drop your image here

or choose a file from your device

PNG, JPEG, or WebP · Up to 40 MB
A practical guide

Use Color Picker with confidence

An interactive eyedropper that samples the exact color value of any pixel in an image, displaying copyable HEX, RGB, and HSL values.

When this tool is useful

Matching web design colors to a brand asset, grabbing exact color codes from screenshots, and CSS development.

What to check before downloading

Click flat, solid areas of a logo or product rather than anti-aliased or shadowed edges to get true brand colors.

A simple workflow

  1. Upload an image or screenshot.
  2. Hover and click any pixel in the photo.
  3. Copy the displayed HEX, RGB, or HSL code with one click.

Common questions

Which color code format should I use for web design?

HEX codes (e.g. #2563eb) are most common in CSS and HTML design systems.