developer
Color Palette Generator
Pick a base color from the color wheel and generate harmonious palettes using complementary, analogous, triadic, and other color theory rules. Export in HEX, RGB, and HSL.
Generated Palette
Click a swatch to copy HEXColor 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%) |
Frequently asked questions
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.
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.
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.