Upload an image and click anywhere on it to pick the exact color at that pixel, shown instantly in HEX, RGB, HSL, and CMYK. Keep a history of your last 10 picks and see the image's top 5 dominant colors.
Drag and drop an image here, or click below to browse. JPG, PNG, and WebP supported.
An image color picker (sometimes called an eyedropper tool) identifies the exact color value at any point in an image, translating a visual pixel into a precise numeric value — HEX, RGB, HSL, or CMYK — that you can reuse elsewhere. This is a common need whenever you're trying to match an existing color exactly: recreating a brand's exact shade of blue from a logo image, matching a product photo's background color for a new asset, or figuring out precisely which shade of green appears in a screenshot you were sent. Doing this by eye — guessing a HEX code that looks close — is unreliable, since human color perception is easily fooled by surrounding colors and lighting; sampling the actual pixel data removes all guesswork.
This tool draws your uploaded image onto an off-screen HTML canvas at its full, original resolution, then uses the Canvas API's getImageData method to read back the raw red, green, and blue byte values stored at any single pixel coordinate. Every click on the visible, possibly-scaled-down preview image is first translated into the equivalent coordinate on that full-resolution canvas, so the color you get always reflects the genuine, exact pixel data from your original file — not an approximation based on the smaller preview you're looking at on screen. From that single RGB reading, the tool computes HEX, HSL, and CMYK using the same well-established conversion formulas used throughout modern color tools.
Finding an image's 'dominant colors' is a different problem from picking one exact pixel — it requires summarizing potentially millions of individual pixel values into a small handful of representative colors that capture the image's overall palette. This tool does this by first downsampling the image to a smaller size (since analyzing every pixel of a large photo would be unnecessarily slow, and a smaller sample is statistically representative of the whole), then grouping similar colors together into buckets using a technique called color quantization — rounding each color channel to the nearest step of a fixed interval so that thousands of nearly-identical shades collapse into a single bucket. The five largest buckets, ranked by how many pixels fell into them, become the reported dominant colors, each shown with its approximate share of the image.
Reach for the click-to-pick eyedropper when you need to match one specific, exact spot — a particular pixel in a logo, a specific highlight color in a photo, a UI element's exact background shade from a screenshot. Reach for dominant colors when you want a summary rather than a single point — choosing a background color that complements a photo overall, auditing whether a batch of product photos share consistent brand colors, or getting a quick sense of an image's overall mood and palette without manually sampling dozens of individual points yourself. Many real workflows use both together: scan the dominant colors first to get oriented, then click-to-pick the one or two exact spots that actually need a precise, reusable value.
Designers use image color pickers constantly to extract brand colors from a client's existing logo or marketing material when no style guide with exact HEX codes is available. Developers use them to match a specific UI color from a design mockup screenshot when translating a design into code. Photographers and hobbyists use them to identify and compare specific colors across multiple images — checking whether a printed color matches a digital proof, for instance. And anyone building a palette for a new project can use dominant color extraction on a reference photo or mood board image to quickly derive a starting set of on-brand colors, rather than picking colors from scratch with no visual anchor.
Image Color Picker extracts exact and dominant colors from any image. These related tools cover other color and image workflows you may need alongside it.