How does palette extraction work?

The tool uses color quantization on the HTML5 Canvas to sample pixel frequencies and identify the most prominent color clusters in your photo.

Can I copy individual color codes?

Yes. Simply click on any color card to copy its HEX code directly to your clipboard.

Color Tools•Free Online Tool

Sample pixel clusters from any uploaded picture to generate a 6 to 8 swatch color palette with HEX, RGB, HSL codes and live CSS gradients.

100% Free & Private

Upload any photo or design screenshot. 100% processed locally on HTML5 Canvas.

Select any photo, graphic, or UI screenshot.

Explore the extracted top dominant colors with HEX and RGB values.

Click any swatch to copy its code or copy the generated CSS gradient.

Pick colors and convert between HEX, RGB, and HSL values with 1-click copy.

Verify color contrast compliance for WCAG 2.1 AA and AAA accessibility standards.

Design beautiful linear and radial CSS gradients with copyable CSS code.