Free tools, Images and design
Color palette from image
Drop a photo to pull out its main colors. Click the image to pick any exact color.
- Your palette will appear here.
Guides
Questions
How are the colors picked?
The image is scaled down and its pixels are grouped with k-means clustering, the same method design apps use. Each swatch is the average color of one group, ordered from the most to the least common.
Can I pick one exact color from the photo?
Yes. Click anywhere on the image to read the color of that spot. It appears under the picture with its HEX and RGB values.
How do I use the palette in my website?
Copy the CSS variables and paste them into your stylesheet, then use them like color: var(--color-1). There is also a JSON version for design tokens and Tailwind configs.
More images and design tools
- Background removerCut people and products out of photos and get a transparent PNG.
- Image compressorShrink photos and convert them to WebP, JPEG or PNG.
- Image converterConvert between PNG, JPG and WebP, and turn SVG into PNG.
- HEIC to JPGTurn iPhone photos into JPGs that open everywhere.
- Image resizerResize and crop to exact sizes for Instagram, YouTube, Facebook and more.
- Contrast checkerCheck whether text is readable on its background (WCAG AA and AAA).