Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Click any pixel in an uploaded image to read its HEX, RGB, and HSL value.
Upload an image and click anywhere on it to pick a color.
Beyond reading a single clicked pixel's exact color, this tool also automatically extracts a palette of an image's most dominant colors -- useful for quickly understanding an image's overall color scheme, not just one specific spot.
Upload an image. Click anywhere on it to read that exact pixel's color in HEX, RGB, and HSL formats. The tool also automatically generates a palette of the image's dominant colors, extracted separately from wherever you click.
Every pixel's color is grouped into a coarser color "bucket" (rounding each RGB channel to the nearest bucket value) before counting frequency -- without this step, a photo with smooth color gradients would return many nearly-identical shades instead of a genuinely varied palette. The most frequently occurring buckets become the extracted palette, with fully transparent pixels excluded from the count.
Designers extracting a color scheme from a reference photo or inspiration image. Quickly identifying an image's dominant colors before building a matching design palette. Picking an exact color from any specific point in an image for precise brand or design matching.
When you click a pixel, the same color is shown in three notations. RGB lists the amounts of red, green, and blue from 0 to 255, so pure red is 255, 0, 0. HEX is the same three numbers written in base 16 and joined together, so 255, 0, 0 becomes FF0000. HSL describes the color by hue (its angle on the color wheel from 0 to 360), saturation (how vivid it is), and lightness (how close to black or white). Use HEX for CSS and design tools, RGB when a program asks for channel values, and HSL when you want to make a color a little lighter or duller without changing its character.
A practical workflow is to check the automatic dominant palette first, then click specific areas that matter to you, such as a logo or a product surface. Note each HEX code. For a website, you might pick one main color, one supporting color, and a neutral background. Because the palette groups similar shades into buckets, its values are approximate, so for brand-accurate matching always confirm with a direct click on the exact spot.
If you plan to use a sampled color for text or buttons, test it against its background with a contrast checker before committing. A color that looks great in a photo may not have enough contrast to be readable as text on a web page.
Clicking reads one exact pixel's color; the palette instead analyzes the whole image and surfaces the most common colors overall, giving a sense of the image's general color scheme rather than one specific spot.
If that color only appears in a small area of the image, it may not make the cutoff for the most frequent colors shown -- click directly on that spot instead to read its exact value.
Surrounding colors, screen settings, and color profiles all affect how a color appears. The value itself is exact for the pixel you clicked, but perception and display differences can change how it looks.
Yes, click the middle of a solid area of the logo. If the logo is a small or compressed image, the value may be slightly off, so compare with an official brand guide when one is available.
The sampling and palette work happen in your browser, so the image is read locally for the calculation.