Question 1

How do I generate a random color palette?

Accepted Answer

Click 'Generate' to create a new random palette. Lock any colors you want to keep, then generate again — only unlocked colors will change. You can also click any color swatch to copy its hex code.

Question 2

Can I extract colors from an image?

Accepted Answer

Yes. Click 'From Image' and select any photo. The tool analyzes the image and extracts 5 dominant colors to create a harmonious palette based on the image's color composition.

Question 3

What export formats are available?

Accepted Answer

Export your palette as CSS custom properties, Tailwind CSS config, SCSS variables, or plain hex values. The Tailwind export is especially useful for React and Next.js developers.

Question 4

How does the contrast checker work?

Accepted Answer

The built-in contrast checker calculates the WCAG contrast ratio between adjacent colors. A ratio of 4.5:1 or higher passes WCAG AA standards for normal text. This ensures your palette is accessible.

Question 5

How many colors can a palette have?

Accepted Answer

Palettes can have between 2 and 10 colors. Click '+ Add' to add more colors, or click the 'x' button while hovering over a color to remove it.

Color Palette Generator

Contrast Checker

Export