Image Color Picker

Upload any image and hover to inspect pixel colors. Click to lock values and collect a full palette from your photo.

🖼️
Drop an image here
or click to browse — PNG, JPG, WEBP, GIF supported
You can also paste with Ctrl+V
Hover to inspect · Click to lock color
Zoom
Image Zoom 100%
Collected Palette
Click colors on the image to collect them here

Other Tools

Image Color Picker | Extract HEX, RGB & CMYK from Any Image

Need to grab colors from a photo or design mockup? An Image Color Picker lets you upload any image and pull exact color values by hovering over pixels. Click to lock a color, then copy it in HEX, RGB, CMYK, or HSL are available. As you collect different colors from your picture, you can also create a palette. This tool provides accurate color codes in a matter of seconds, whether you’re a developer checking them or a designer matching brand colors.

Everything You Can Do With An Uploaded Image

  • Drag-and-drop upload — drop an image anywhere on the zone

  • Click to browse — open your file explorer with one click

  • Paste support — use Ctrl+V to paste an image from your clipboard

  • Live magnifier lens — zoom in on pixels with 2×, 4×, or 8× magnification

  • HEX color codes — copy standard six-digit hex values

  • RGB values — get red, green, and blue channel numbers

  • CMYK percentages — see cyan, magenta, yellow, and black values

  • HSL values — check hue, saturation, and lightness

  • Color swatch preview — see the picked color visually

  • Palette collector — save multiple colors from the same image

  • Copy individual colors — copy any format with one button

  • Copy all HEX values — grab your entire collected palette at once

  • Clear palette — remove all collected colors

  • New image — reset and upload a different image

  • Image zoom slider — zoom in and out on the image itself

Image Color Picker Toolota

Upload, Hover, Click And Copy In Five Steps

1

Upload your image

Drop a file onto the zone, click to browse, or paste with Ctrl+V.

2

Hover to inspect colors

Move your cursor over the image. A magnifier shows the pixel area and the exact color value.

3

Click to lock a color

Click any pixel to lock its value. The HEX, RGB, CMYK, and HSL results appear instantly.

4

Copy your color format

Click Copy next to the format you need — HEX, RGB, CMYK, or HSL.

5

Build your palette

Click "Add to Palette Collection" to Generate colors Planet . Copy all HEX values when you're done.

“How do I get a color from an image?” Just upload, hover, and click — the tool shows the values immediately.

Why Designers Like Sampling Colors This Way

🎯 Live magnifier preview

The built-in magnifier shows you exactly which pixels you're sampling, with adjustable zoom levels so you never pick the wrong shade.

🎨 Palette collector

Save multiple colors from the same image and copy them all as a list of HEX codes. Great for building design systems.

📋 Multiple format support

Get color values in HEX, RGB, CMYK, and HSL — all at once. No need to convert or guess.

Common image formats

Works with PNG, JPG, WEBP, and GIF files. Drop, paste, or browse to load one.

How the Color Sampling Works

When you hover over the image, the tool reads the actual pixel data under your cursor. The magnifier lens shows a zoomed view of the surrounding pixels, with grid lines separating each pixel block. The hex, RGB, CMYK, and HSL values are updated in real time on the color panel. The data for that pixel is frozen and shown in the results grid after clicking. You have pixel-level control over the specific color you choose thanks to this.

Pro Tips

Once you’ve collected colors from your image, expand them into a full scheme with the Color Palette Generator, using complementary, analogous, or triadic harmony to fill in the gaps.

Need a color that isn’t in your source image at all — just a clean base to design around? The Color Picker lets you dial in any HEX, RGB, or HSL value directly.

Sampling pixel colors accurately depends on your source image not being over-compressed — lossy formats like JPEG apply chroma subsampling, which can shift the exact color values you pick up near edges.

Frequently Asked Questions
How do I upload an image to the color picker?

Drag and drop a file onto the upload zone, click the zone to browse, or press Ctrl+V to paste.

It supports PNG, JPG, WEBP, and GIF files.

Click the Copy button next to the format you want — HEX, RGB, CMYK, or HSL.

Click “Copy All HEX” to copy the entire palette as a comma-separated list of HEX codes.

No. The image is read in your browser, and nothing is sent to a server.