Pick Color from Image

Click (or drag) on an image to sample exact colors. No uploads — everything runs in your browser.

How to Use

  1. Load an image (file picker or drag-and-drop).
  2. Click or drag on the image to sample a pixel color.
  3. Copy HEX/RGB/HSL, or add samples to your palette.
  4. Use “Share Link” to generate a URL that restores your palette.
Privacy: Images stay on your device. This tool does not upload files to the server.
Image Lab
Sample pixels precisely. Use zoom for tight picks (edges, antialiasing, etc.).
HEX
—
RGB
—
HSL
—
XY
—
Drop an image here
or click to choose a file (PNG, JPG, GIF, WebP, etc.)
Status: —
Outputs & Settings
Exact pixel color + formats. Use palette for multiple picks.
Shows transparency if the source image supports it (PNG/WebP/etc.).
Loupe Zoom
12×

Palette

Save multiple picks (logos, UI screenshots, brand guides).

Tip: Anti-aliased edges often contain “in-between” colors—use the loupe + snap-to-pixel for exacts.
Details (sampling + accuracy notes)
  • Color accuracy: Picks are from the rendered canvas pixel (sRGB). Display scaling can affect what you see, not what’s sampled.
  • Edges: Logos and UI screenshots often have anti-aliasing. Use snap-to-pixel and zoom to avoid edge blends.
  • Transparency: If the source has alpha, HEX will represent RGB; alpha is shown separately and in RGBA.
  • Privacy: Your image never leaves your device.
—
Debug output is optional and intended for troubleshooting only.

FAQ

Why do I get slightly different colors on edges?

Anti-aliasing blends edge pixels with the background. Zoom in and pick a solid interior area for “true” fills.

Does this upload my image?

No. The image is processed locally in your browser.

Can I restore my palette later?

Yes—use the Share button (explicit action) to generate a URL that restores palette/state.

What color spaces do you support?

The picker samples sRGB canvas pixels. Outputs include HEX, RGB, and HSL (and optional RGBA/alpha).

Tool Info

Last updated:

Updates may include improved sampling accuracy, palette export formats, and accessibility refinements.