Color Picker From Image
Upload an image, hover or click any point, and extract ready-to-use HEX, RGB, HSL, and CSS color values. The tool also highlights sample coordinates and surfaces a quick palette from the image.
Upload And Sample
Drop an image here or choose a file
PNG, JPG, GIF, WEBP, BMP, and SVG are supported in most modern browsers. Sampling happens in your browser.
Image Palette
Extracted Colors
Recent Picks
How To Use It Well
Pick Exact UI Colors
Upload screenshots, brand boards, or app mockups to pull precise button, background, and text colors.
Use The Zoom Preview
The zoom panel helps when you need a single pixel from a gradient edge, icon, or anti-aliased text region.
Build Faster Design Tokens
Copy the CSS variable output directly into your stylesheet or design system token file.