Codrenix Toolbox logoCodrenix Toolboxby Codrenix

Image Color Picker

Click any pixel on an image to extract its HEX, RGB and HSL values with one-click copy.

All image tools

Quick answer

Pick the exact color from any image online free. Upload a JPG, PNG or WebP and click any pixel to instantly see its HEX, RGB and HSL values with one-click copy. The image is processed on your device with the Canvas API, so nothing is ever uploaded.

Drag & drop an image here

or click to browse — JPG, PNG or WebP up to 20MB

Image files only — up to 20MB each

How to pick a color from an image

  1. Upload an image

    Drop in a JPG, PNG or WebP image — up to 20 MB, processed entirely in your browser.

  2. Click a pixel

    Move the crosshair over any spot and click to sample that exact color.

  3. Copy the color value

    Copy the HEX, RGB or HSL value with one click and paste it into CSS or your design tool.

Key features

Pixel-exact sampling

Reads the precise pixel under the cursor for accurate HEX, RGB and HSL values.

Three color formats

HEX, RGB and HSL shown together, each with its own one-click copy button.

Any image, any color

Photos, logos and graphics with millions of colors — click anywhere to sample.

Completely private

The image never leaves your device; color extraction happens locally on the canvas.

Supported formats

  • Input: JPG/JPEG, PNG or WebP, one file up to 20 MB
  • Output: copy-ready HEX, RGB and HSL color values

Privacy and security

Color picking runs entirely in your browser. The image is decoded locally and pixels are read with the Canvas API — nothing is uploaded, transmitted or stored.

Limitations

  • One image at a time, up to 20 MB.
  • Clicking samples a single pixel; areas with gradients or noise vary from point to point.
  • Clipping colors on very transparent pixels may not reflect how they appear over other backgrounds.

Related Tools

All tools

Resize Image

Resize JPG, PNG or WebP images to exact dimensions with aspect-ratio lock and handy presets.

Image ToolLive
Open Tool

Compress Image

Shrink JPG, PNG or WebP files with a quality slider and see the before/after size instantly.

Image ToolLive
Open Tool

Convert Image

Convert images between JPG, PNG and WebP right in your browser — no uploads, no sign-up.

Image ToolLive
Open Tool

Frequently Asked Questions

Is it safe to use the color picker on my images?

Yes — the image is decoded in your browser and pixels are read locally with the Canvas API. Nothing is ever uploaded to a server.

Why does clicking give a slightly different color than I expected?

You're reading the exact pixel under the cursor. On a downscaled preview one pixel represents several source pixels, so zoomed viewing gives the precise color of a single point on the original.

Which color formats are shown?

HEX (e.g. #4287F5), RGB (e.g. rgb(66, 135, 245)) and HSL (e.g. hsl(217, 90%, 61%)). Each has a one-click copy button you can paste into CSS, design tools or code.

What image formats can I pick colors from?

JPG/JPEG, PNG and WebP files up to 20MB, including photos with many colors — just click any pixel.

Do I need to install anything?

No — everything runs in your browser. Upload an image, click a pixel, and copy the color value.