Color Picker From Image

Upload any image and pick colors directly from it. Hover to sample pixels, click to capture. See HEX, RGB, HSL, HSV, and CMYK values instantly.

Drag & drop your image here

or click to browse (JPG, PNG, WebP, SVG, GIF, BMP)

Export Color
CSS VariableCustom property
TailwindConfig
JSONData
SVGSwatch
Save Color
Library

Related Color Tools

More free color tools for designers and developers.

Color Converter
Convert between HEX, RGB, HSL, HSV, and CMYK formats with live preview.
Color Picker
Interactive color picker with favorites, color formats, and copy to clipboard.
Palette From Image
Extract a complete color palette automatically from any image.
FAQ

Frequently Asked Questions

Upload any image file (JPG, PNG, WebP, SVG, GIF, BMP). Once loaded, hover your mouse over the image to sample the pixel under your cursor in real time. A magnified circle appears showing a 5x zoom of the pixel area. Click on the image to lock the color the captured color and all its format values (HEX, RGB, HSL, HSV, CMYK) are displayed instantly.
Five major formats: HEX (#RRGGBB) for web and CSS, RGB (0-255 per channel) for screens and digital, HSL (Hue/Saturation/Lightness) for design systems and CSS, HSV/HSB (Hue/Saturation/Value) for image editors like Photoshop, and CMYK (Cyan/Magenta/Yellow/Key) for print production.
Yes. After clicking to capture a color, use the Copy HEX, Copy RGB, or Copy All buttons. The Export button lets you download the color as SVG or copy as CSS variable, Tailwind config, or JSON. You can also save colors to your account library to build a collection.
No. All processing is client-side only. Your image is loaded into an HTML5 canvas element in your browser. No data leaves your device.
All standard browser-supported formats: JPG/JPEG, PNG, WebP, SVG, GIF, BMP, TIFF (in Chromium browsers), and AVIF (in modern browsers). The image is rendered at full resolution.