1. Extracting a Brand Palette from a Product Photo
Brand DesignerBackground
A designer is creating a marketing landing page for a new organic skincare line and needs a natural, earthy color palette derived from the product's hero image.
Problem
Manually picking colors from the image is subjective and time-consuming, often missing the true dominant tones.
How to use
Upload the product image, set the palette size to 5 colors, select the K-Means algorithm, and enable both 'Skip White' and 'Skip Black' to avoid background interference.
{
"colorCount": 5,
"algorithm": "kmeans",
"ignoreWhite": true,
"ignoreBlack": true,
"sortMode": "percentage"
}Outcome
A clean JSON palette containing 5 dominant earthy tones sorted by their dominance in the image, ready to be used in the CSS stylesheet.