Private — runs in your browser

Color pick from any image

Drop a photo, then click the pixels you care about. Get HEX, RGB, HSL, HSV, and CMYK — with copy buttons for your design workflow.

Drop an image or click to browse

JPG, PNG, or WebP

Selected

#6366F1
HEX#6366F1
RGBrgb(99, 102, 241)
HSVhsv(239, 59, 95)
HSLhsl(239, 84, 67)
CMYKcmyk(59, 58, 0, 5)

Preview appears here

Upload a file, then click the image to sample a color

Zoom100%

Pick brand colors in seconds

Designers and developers use eyedroppers to match photos, UI mockups, and logos. This tool keeps everything in your browser — your images are not uploaded to a server. Copy any format and paste into Figma, CSS, or your favorite editor.

Need to remove a solid or chroma color first? Use our background & color remover.

FAQ

How do I pick a color from an image?
Upload an image, then click anywhere on the preview. Values update instantly in every format we show.
How do I copy a code?
Use the Copy button next to HEX, RGB, HSL, and the other rows — you’ll get a short “Copied” confirmation.
Which formats are supported for upload?
JPG, PNG, and WebP work well in modern browsers for sampling.

Quick tips

  • Use the zoom slider before clicking for the steadiest sample.
  • On hi‑DPI images, one pixel can make a difference — zoom in.
  • Cleaning edges first? See our background tool.