Image color palette extractor

How to use the image color palette extractor

Upload a photo to identify its main colors and create a usable palette. Sample individual spots for exact shades, copy color values, or use the 60/30/10 suggestion to plan a room.

1. Choose, drop, or paste one image.
2. Review the extracted colors, their names, percentages, and color values.
3. Click anywhere on the photo to add a sampled color.
4. Change the dominant, secondary, or accent role if needed.
5. Copy a HEX, RGB, or HSL value, or export the palette.

What to enter

Choose an image

Add one JPEG, PNG, WebP, AVIF, or GIF up to 20 MB. The image stays on your device.

Use another image

Replace the current image with a different supported image.

dominant

Choose the color for the 60% role, shown as walls and large surfaces.

secondary

Choose the color for the 30% role, shown as furniture, textiles, and a rug.

accent

Choose the color for the 10% role, shown as cushions, art, and accessories.

Example: build a palette from a living room photo

Choose a living room inspiration photo. The tool extracts its prominent shades and displays each with a percentage, name, HEX, RGB, and HSL values. Click a blue cushion in the photo to sample a nearby 5 × 5 pixel area; the sampled shade is added to Picked colours. In the 60/30/10 suggestion, keep the calmer common shade as dominant, use another common shade as secondary, and select the cushion shade as the accent. Copy the values you need for a moodboard or design plan.

How the palette is created

The tool analyzes the image for up to six prominent swatches: Vibrant, Muted, Dark Vibrant, Dark Muted, Light Vibrant, and Light Muted. Similar shades with a color difference (ΔE) under 8 are merged, then the colors are sorted by the share of the image they cover. Large images are prepared at a maximum analysis dimension of 1,600 pixels. Clicking the image averages the clicked pixel with its surrounding 5 × 5 neighborhood, while transparent pixels are skipped. The 60/30/10 suggestion assigns 60% to the dominant color, 30% to the secondary color, and 10% to the accent; the accent defaults to the most saturated color, and the calmer of the two most common colors defaults to the walls role.

Reading the results

The palette strip shows the extracted colors in proportion to their image share. Each color row shows an approximate color name, its source swatch or picked status, and its percentage. Use the buttons beside a color to copy its uppercase HEX, RGB, or HSL value. Picked colours are kept separately and can be removed. The 60/30/10 panel lets you assign colors to walls and large surfaces, furniture and textiles, or accents. Export the palette when you want a shareable image or color data file.

Limitations and common mistakes

• The extracted palette represents colors detected in the image, not guaranteed paint or material matches.
• Screen colors can differ from physical paint, fabric, or other samples. Test real samples before choosing materials.
• Very similar colors are merged when their ΔE difference is under 8, so separate close shades may not appear as separate rows.
• Images must be supported image files no larger than 20 MB. Large images are reduced to a maximum analysis dimension of 1,600 pixels.

Frequently asked questions