日本語

Image Color Picker

Automatically generate a web design color palette from photos and screenshots

Upload an image to extract its colors
01

Upload an image

PNG, JPG, WebP, and more

02

Auto-extract colors

Dominant colors via k-means

03

Copy the code

CSS / Tailwind / SCSS

Frequently asked questions

Is this tool free?
Yes, completely free with no signup and no usage limits. You can save and copy extracted palettes freely.
Are my uploaded images sent to a server?
No. Color extraction runs entirely in your browser (on your own device), and your images are never sent to an external server.
What formats can I copy?
In addition to HEX and RGB, you can copy colors as CSS custom properties (CSS variables), Tailwind, and SCSS with one click.
How are the colors extracted?
The tool clusters the image's pixels with k-means to automatically extract the dominant colors that represent the image. The number of colors is adjustable.
What kinds of images work best?
Any image with color information — photos, illustrations, screenshots — works. It's handy for color inspiration and building design palettes.
Copied