Image Color Picker
Drop an image and click anywhere on it to read the exact color of that pixel.
Drag and drop an image here
PNG, JPEG, WebP, or GIF
Processed on your device — nothing is sent anywhere.
How it works
- Drop an image onto the page or press Choose image to open one from your device.
- Click any point on the preview to read that pixel. The magnifier next to the color panel helps you land on the exact pixel.
- Copy the HEX, RGB, or HSL value with one click, or pick one of the six dominant colors extracted from the image.
Frequently asked questions
- Is my image uploaded to a server?
- No. The image is opened directly in your browser and every color is read from a local canvas on your device. Nothing is transmitted anywhere, so the tool also works offline once the page has loaded.
- How are the six dominant colors calculated?
- The image is downscaled and its pixels are grouped into coarse color buckets, then the most frequent buckets are averaged into representative colors. Very similar shades are merged so the palette shows genuinely different colors rather than six variations of the same one.
- Why does the picked color differ slightly from what I see in another app?
- Browsers decode images into the sRGB color space, so photos saved with a different color profile can shift by a few values. Screenshots and standard web images normally match exactly; for profiled photos the difference is usually one or two points per channel.
- What is the difference between HEX, RGB, and HSL color codes?
- They describe the same color in different notations. HEX packs the red, green, and blue values into six hex digits like #3a7bd5 and is the most common format in web code. RGB lists the three channels as numbers from 0 to 255, while HSL expresses hue, saturation, and lightness, which is easier to reason about when you want a lighter or more muted variant of a color.
- How do I pick a color from a website or screenshot?
- Take a screenshot of the area — most systems use Print Screen or Cmd+Shift+4 on a Mac — and drop the file onto this page, then click the element whose color you want. Screenshots are stored in sRGB, so the values match what your browser actually rendered, pixel for pixel.
About this tool
This image color picker is an online eyedropper: open any picture and click a pixel to read its exact color as HEX, RGB, and HSL, each with a one-click copy button. A magnifier enlarges the area around your cursor so you can land precisely on a single pixel, and alongside the picked color the tool extracts a palette of six dominant colors from the whole image.
It works by drawing your image onto a canvas in the browser and reading pixel values directly from it — the same data the browser uses to display the picture. The dominant palette comes from downscaling the image and clustering its pixels into frequency-ranked color groups, with near-duplicates merged so the six swatches are genuinely distinct. Because everything happens on your device, images are never uploaded, which makes it safe for unreleased designs, client work, and private photos.
Designers and developers use it to lift brand colors from a logo when no style guide exists, to match interface colors to a product photo, to grab the exact shade from a screenshot or mockup during handoff, and to build a starting palette from an inspiration image. The three formats cover most workflows: HEX for CSS and design tools, RGB for scripting and image work, HSL for deriving lighter, darker, or desaturated variants of the same hue.
For accurate picks, use the magnifier and aim for a flat area of the color rather than an edge — anti-aliasing blends neighboring colors along boundaries, so edge pixels are rarely the true shade. Text is especially deceptive for this reason; sample the thickest stroke or a solid region nearby. If you are picking from a photo with an embedded color profile, expect values within a point or two of other applications, since browsers normalize everything to sRGB.