A sophisticated color palette generator that creates harmonious color combinations with mood-based adjustments and light/dark variants.

• Color Harmony Types

  • Analogous
  • Complementary
  • Triadic

• Mood-Based Adjustments

  • Happy: Bright and warm
  • Calm: Muted and cool
  • Intense: Saturated and bold
  • Sad: Dark and subdued
  • Energetic: Vibrant and dynamic

• Color Roles

  • Primary
  • Secondary
  • Accent
  • Highlight
  • Background
  • Text

• Additional Features

  • Light/Dark variants for each color
  • Click-to-copy color values
  • Dark/Light theme toggle
  • Random palette generation
  • Custom base color selection
  • Flexible color count (3-6 colors)

• HTML5
• CSS3
• JavaScript (ES6+)
• Color.js for color space calculations
• Modern CSS Variables for theming

1. Clone the repository:

git clone https://github.com/yourusername/color-palette-generator.git

2. Open index.html in your browser

• Select a base color using the color picker
• Choose a harmony type (Analogous, Complementary, or Triadic)
• Select number of colors (3-6)
• Pick a mood to influence the palette
• Click "Generate Palette" or "Random Palette"
• Click any color to copy its hex value

• Analogous: Colors adjacent on the color wheel (30° apart)
• Complementary: Colors opposite on the color wheel (180°)
• Triadic: Three colors evenly spaced (120°)

Each mood affects colors differently based on their role:

• Lightness (l)
• Chroma/Saturation (c)
• Hue (h)

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

• Fork the repository
• Create your feature branch
• Commit your changes
• Push to the branch
• Open a Pull Request

MIT License - see LICENSE.md for details

• Color.js library for color calculations
• Modern color theory principles
• CSS Color Level 4 specification

Shane Miller - [info@frankenclowns.com] Project Link: [https://github.com/TheOmegaFett/mood-palette/tree/main]