Image Color Picker
Upload any image and click to instantly pick colors. Get HEX, RGB, HSL, and CSS values. Build a palette from your image with one click.
Drop an image here or
PNG, JPG, WebP · processed locally
What is Image Color Picker?
Whether you're reverse-engineering a brand's color palette, matching colors from a photograph for a design project, or trying to identify an exact shade in an image, this tool lets you click on any pixel and instantly get its HEX, RGB, and HSL values.
The tool also features a magnifier loupe so you can zoom in on fine details before sampling, making it easy to pick exact colors even from areas with gradients or anti-aliased edges.
Build a saved palette as you pick — each color you click is remembered so you can copy the full set at once. All processing happens locally; your image never leaves your browser.
How to use
Frequently asked questions
It reads the exact pixel value from the Canvas API, so it is pixel-perfect accurate. However, JPEG compression may slightly alter colors compared to the original source.
Yes — paste your screenshot as an image file, upload it, and click any pixel.
Monitors display colors in sRGB color space. If your image was created in a wider color space (P3, Adobe RGB), the browser will map it to sRGB which may shift some colors.
They are the same color, just written differently. #ff6600 and rgb(255, 102, 0) represent the same orange. HEX is shorthand for web use; RGB is used in CSS and design tools.