Question 1

What are color harmony rules?

Accepted Answer

Color harmony rules are based on color theory — they use the position of colors on the color wheel to create visually pleasing combinations. Complementary colors are opposite each other, analogous colors are next to each other, and triadic colors form a triangle.

Question 2

What color formats are supported?

Accepted Answer

The generator outputs colors in HEX (#FF6432), RGB (rgb(255, 100, 50)), and HSL (hsl(15, 100%, 60%)) formats. You can also export as CSS custom properties or Tailwind config values.

Question 3

How do I use the generated palette in my project?

Accepted Answer

Click "Copy as CSS Variables" to get ready-to-paste custom properties for your stylesheet, or use "Copy as Tailwind" for your Tailwind config. You can also click individual swatches to copy single color values.

Color	HEX	RGB	HSL
#1	#64F2EF	rgb(100, 242, 239)	hsl(179, 84%, 67%)
#2	#64ADF2	rgb(100, 173, 242)	hsl(209, 84%, 67%)
#3	#6467F2	rgb(100, 103, 242)	hsl(239, 84%, 67%)
#4	#A864F2	rgb(168, 100, 242)	hsl(269, 84%, 67%)
#5	#EF64F2	rgb(239, 100, 242)	hsl(299, 84%, 67%)

Color Palette Generator

Generated Palette

Color Values

Frequently asked questions

Related tools

Image Color Picker

Image Compressor

Image Resizer

Signature Resizer