Skip to content

Color Scheme Generator - A website to generate color palletes based on color input, making use of Color API.

Notifications You must be signed in to change notification settings

Ashwin-S-Nambiar/Color-Scheme-Generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color Scheme Generator 🎨

HTML5 CSS3 JavaScript API

A sophisticated color scheme generator that creates beautiful, harmonious color palettes based on user selection. Powered by the Color API, it offers various color harmony options and instant color code copying for seamless integration into your projects.

FeaturesTech StackInstallationScreenshotsLiveContributingAuthor

✨ Features

  • 🎨 Interactive Color Selection - Choose your base color using an intuitive color picker
  • 🌈 Multiple Harmony Options - Generate schemes in various modes:
    • Monochrome
    • Monochrome Dark
    • Monochrome Light
    • Analogic
    • Complement
    • Analogic Complement
    • Triad
  • ⚡ One-Click Copy - Instantly copy color codes with a simple click
  • 📌 Real-time Preview - See your color scheme update instantly
  • 📱 Responsive Design - Works seamlessly on all devices
  • 💎 Modern Interface - Clean, intuitive design with smooth animations

🛠️ Tech Stack

Frontend

  • HTML5 - Semantic structure
  • CSS3 - Modern styling with animations
  • JavaScript - Dynamic color manipulation

API

🚀 Installation & Setup

  1. Clone the repository

    git clone https://github.com/your-username/color-scheme-generator.git
    cd color-scheme-generator
  2. Launch the Project

  3. Open index.html in your preferred browser

  4. No additional dependencies or setup required

📸 Screenshots

Landing Page

Landing Page

Selecting a Shade

Selecting a Shade

Color Select

Color Select

Mode Select

Mode Select

Generated Results

Result

🌐 Live

Visit

🤝 Contributing

Contributions are welcome! Here's how you can help improve the Color Scheme Generator:

  1. Fork the repository

  2. Create a feature branch:

    git checkout -b feature/amazing-feature
  3. Commit your changes:

    git commit -m 'Add some amazing feature'
  4. Push to the branch:

    git push origin feature/amazing-feature
  5. Open a Pull Request

🌟 Future Enhancements

  • Save favorite color schemes
  • Export palettes in different formats (CSS, SCSS, JSON)
  • Custom color harmony rules
  • Color accessibility checking
  • Palette sharing functionality

👨‍💻 Author

Ashwin S Nambiar


Made with ❤️ by Ashwin S Nambiar

About

Color Scheme Generator - A website to generate color palletes based on color input, making use of Color API.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published