How to Get the HEX Color of Any Pixel in an Image

An image color picker is the quickest way to turn a color you can see into a code you can use. Instead of guessing at a hex value or matching swatches by hand, you click the actual pixel and read its exact RGB and HEX.

Tooldrop runs the whole thing in your browser. When you drop an image, it's drawn to a canvas on your own device and each pixel you click is sampled locally — the file never leaves your computer and nothing is sent to a server. That means it's fast (no upload wait), private by design, and works on sensitive material like client mockups, unreleased designs, or personal photos without second-guessing where they end up. It's also completely free, with no account and no daily cap on how many colors you grab.

The tool gives you both formats for every pixel, so you can grab whichever your workflow expects.

HEX (like #2563eb) is the compact six-character code you'll reach for most in web and design work — CSS, Figma, Tailwind config, brand guidelines. RGB (like rgb(37, 99, 235)) spells out the red, green, and blue channels as numbers from 0 to 255, which is handy when you're tweaking a single channel, working in editors that prefer RGB inputs, or building an rgba() value with transparency. Both describe the same color; pick the one that drops cleanly into wherever you're pasting.

Once you've sampled a shade, Tooldrop has a few neighbours that pair well with it — all free, all in-browser, all no sign-up. If you want every dominant color in one go instead of clicking pixel by pixel, the Color Palette Extractor at /image/color-palette pulls a full palette from any image. Need the same color in a different notation? The Color Converter at /dev/color-converter turns HEX into RGB and HSL instantly. And before you ship a color combo, the Contrast Checker at /dev/contrast-checker tells you whether your text passes WCAG AA and AAA. Cropping the image down to just the area you care about first? That's at /image/crop.