FREE TOOL
Color palette from image
Drop a photo to pull out its main colors. Click anywhere on the image to pick an exact color.
- Your palette will appear here.
WHAT IT DOES
About this tool
Pull a color palette from any photo. Get the dominant colors with HEX, RGB and HSL codes, click to pick exact colors and copy them as CSS variables.
Everything runs right in your browser: your text and files are never uploaded or stored.
QUESTIONS
Frequently asked questions
How are the colors chosen?
The image is scaled down and its pixels are grouped with k-means clustering, the same method design apps use. Each swatch shows the average color of one group, ordered from the most common to the rarest.
Can I pick one exact color from the photo?
Yes. Click anywhere on the image to read the color at that point. It shows up below the photo with its HEX and RGB codes.
How do I use the palette on my website?
Copy the CSS variables into your stylesheet, then use them like color: var(--color-1). There is also a JSON version for design tokens and Tailwind configs.
06 / LET'S GET ACQUAINTED
TELL US
WHAT YOUR
BUSINESS NEEDS
Describe the task. Together we'll
work out the next step.