Drop an image here, or click to select
Extract dominant HEX, RGB, and HSL colors locally.
Extracting a color palette from an image is useful for UI design, landing pages, brand mood boards, CSS variables, social graphics, presentations, and product pages. A palette gives you the dominant colors that make a visual feel consistent.
Upload a logo, screenshot, photo, product image, illustration, or reference design and copy the generated HEX, RGB, HSL, and CSS custom properties. The sampling runs locally in the browser.
Use fewer colors for a compact brand or UI palette and more colors when an image contains several meaningful accents. Fine sampling examines the image more closely, while coarse sampling is faster for large files. Transparent pixels are ignored so they do not become a false palette color.
The extracted colors are dominant approximations, not a guarantee of the original design tokens or print values. Review contrast before using them for text and controls. You can copy the CSS custom properties or download a ready .css file for further editing.