IMAGE COLOR PICKER
Upload any image · Hover to preview · Click to extract · Auto-generate palette
FREQUENTLY ASKED QUESTIONS
Is my image uploaded to a server?
No — your image never leaves your device. All color extraction uses the HTML5 Canvas API directly in your browser. Nothing is sent to any server, and no account is required.
What image formats are supported?
PNG, JPG/JPEG, GIF, WebP, BMP, SVG, and any format your browser supports. You can also paste an image directly from your clipboard using Ctrl+V / Cmd+V.
How does the automatic palette extraction work?
The palette extractor samples pixels across your entire image and uses k-means clustering to find the most dominant and visually distinct colors. This gives you the key color personality of any image — perfect for brand matching, UI design, and creative inspiration.
What is the difference between HEX, RGB, HSL and CMYK?
HEX (#FF5733) is the web standard for CSS and HTML. RGB (255, 87, 51) describes red, green, blue components on a 0–255 scale. HSL (Hue, Saturation, Lightness) is more intuitive for designers. CMYK (Cyan, Magenta, Yellow, Key/Black) is used for print design and physical media.
Can I use picked colors in CSS, Figma, or Photoshop?
Yes. Click any color value to copy it. HEX codes paste directly into CSS, Figma, Sketch, Photoshop, Illustrator, Canva and any design tool. RGB values work in CSS's rgb() function and all major design software.