Pick the exact HEX or RGB color of any pixel from any image, directly in your browser. Hover for a magnified pixel preview, click to lock a color, see the dominant palette automatically extracted, and grab matching tints and shades for branding work.
Drag and drop or choose any image to pick colors from.
Hover over the image and click anywhere to pick a color.
See HEX, RGB, and HSL values and click any to copy to clipboard.
See a color you love in a photo and want to use it in your own design? Hover over the image, click anywhere, and copy the exact HEX, RGB, or HSL value to your clipboard.
Used by designers building mood boards, marketers matching color palettes, and developers picking accent shades for landing pages.
A floating circular magnifier follows your cursor showing a 9×9 pixel zoom of the area under it, pixelated rendering preserves the exact source colors so you can target individual pixels with confidence. The live HEX and RGB values update on every mouse move and lock when you click.
On upload, the tool runs a quick frequency-based color quantization on the full-resolution image and surfaces the 10 most common colors as a clickable palette. Click any swatch to lock it as the base color and instantly generate matching tints and shades.
Selecting a color generates 10 tints (mixed with white at 9.1% steps) and 10 shades (mixed with black at 9.1% steps), a full lightness ladder from near-white through the base color to near-black. Hover any swatch for the hex code, click to copy. Perfect for design tokens and color systems.
The image is read into a hidden canvas locally on your device, never uploaded, never stored. Color extraction, magnifier preview, and clipboard copy all run in pure JavaScript on the HTML5 Canvas API. The tool works fully offline once the page is loaded.
More Image tools you might find useful.
Common questions about picking colors from images.
