Question 1

How do I generate a color palette?

Accepted Answer

Click the Generate button or press Space. Choose a harmony mode (analogous, complementary, triadic, tetradic, or split-complementary) for specific color relationships.

Question 2

What are color harmony modes?

Accepted Answer

Complementary uses opposite colors on the wheel. Analogous uses adjacent colors. Triadic spaces 3 colors evenly. Tetradic uses 4 evenly spaced colors. Split-complementary uses a base color plus two adjacent to its complement.

Question 3

How do I lock a color?

Accepted Answer

Click the lock icon on any swatch. Locked colors stay unchanged when you regenerate the palette.

Question 4

Can I export palettes as CSS or SCSS?

Accepted Answer

Yes! Click the Export CSS or Export SCSS button to copy variables to your clipboard.

Question 5

What is HSL color format?

Accepted Answer

HSL stands for Hue (0-360°), Saturation (0-100%), and Lightness (0-100%). It's more intuitive for creating color schemes than HEX.

Question 6

How many colors in a palette?

Accepted Answer

Each palette contains 5 colors. You can adjust individual colors using the HSL sliders.

Question 7

Can I edit individual colors?

Accepted Answer

Yes, click on any color swatch to open the HSL sliders. Adjust hue, saturation, and lightness independently.

Question 8

Is this tool free?

Accepted Answer

Yes, completely free with no signup. All processing happens in your browser.

🎨 Color Palette Generator

Adjust Color

🎨 Color Palette Generator

Adjust Color

Related Tools