Color palette from image

An image palette extractor turns the colors in a picture into a small set of reusable swatches. A photo contains thousands of subtle variations. The tool samples the image, groups similar shades, and chooses representative colors so you can start with a useful palette instead of picking every pixel by hand.

Use it for a moodboard, a product photo, a brand reference, or a social media design. The result reflects the picture you supply. A forest photo tends to produce greens and earth tones; a poster with bold typography can produce a mix of background, text, and accent colors. The extractor doesn't invent complementary colors that aren't represented in the image.

Start with four colors for a focused design: one background, one text color, one main color, and one accent. Six colors give you more room for secondary elements. Eight to twelve are useful when you're exploring a busy illustration or collecting several options before narrowing the set down.

More swatches aren't always more useful. A two-color logo should give you a small palette, even if you ask for twelve. Krumzi avoids filling the row with near-identical shades just to reach a number. If a small but important accent isn't in the automatic result, use the image picker to capture it manually.

The automatic palette represents broad areas of color. Its swatches are averages of nearby colors within a group, so they're useful for capturing the overall look of a photograph. For an exact logo or button color, sample a flat pixel with the image eyedropper instead.

Use the highest-quality source you have. JPEG compression introduces variations around edges, while shadows and highlights can change the apparent color of a photographed object. An original PNG or SVG logo is usually a better reference for brand colors than a photo of printed packaging. Transparent pixels are skipped; translucent colors are read against white.

Pick one dominant color and let the others support it. A warm orange might work well for a call to action, while a pale neutral becomes the background and a deep shade carries the text. You don't need to use every extracted color in equal amounts.

For a website, copy the CSS palette into your stylesheet and assign the variables to text, backgrounds, borders, and buttons. For a moodboard or client handoff, download the PNG with its HEX labels. For design tokens or another application, the JSON array gives you the same colors in a portable format. Check text contrast in the Color converter tab before using a swatch for small text.