Color Generator
Generate random or harmonious color palettes for your designs.
Mode
Base color
Color theory fundamentals
The color wheel organises colors by their relationships. Understanding these relationships helps generate palettes that feel intentional.
- Complementary: Hue Β±180Β° (high contrast)
- Analogous: Hue Β±30β60Β° (harmonious)
- Triadic: Hue Β±120Β° (balanced)
- 60-30-10 rule: dominant-secondary-accent
What this tool does
Generates color palettes in two modes: Harmonious (mathematically balanced colors from the HSL color wheel) and Random (fully random colors). Click any color to expand it, click any result card to copy the hex code.
Input fields explained
Mode
Harmonious generates colors that work together visually by rotating around the color wheel. Random generates six fully random hex colors.
Base color
In Harmonious mode, this is the anchor color. The other five colors are derived by shifting the hue by +30Β°, +60Β°, +180Β°, +210Β° and +240Β°.
π‘ Tips & context
βComplementary colors are 180Β° apart on the wheel β they create strong contrast.
βAnalogous colors are adjacent (0β60Β° apart) β they create harmonious, calm designs.
Formula / How it works
Harmonious mode rotates hue on HSL color wheel. Shows HEX, RGB, and HSL values.