Color Palette Generator

A simple web app that generates random color palettes each time the spacebar is pressed. The generated colors are displayed in columns, with the text color changing automatically to ensure readability based on the brightness of the background color.

Features:

• Random Color Generation: Press the spacebar to generate a new set of random colors.
• Adaptive Text Color: Text color changes automatically based on whether the background color is light or dark.
• Clipboard: Press the color to copy shown color.

Demo:

You can view the live demo here:
🚀 Live Demo

Inspired By :

• Coolors.co

Installation:

Follow these steps to run the app locally:

Step 1: Clone the Repository

Clone the repository to your local machine using the following command:

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

Step 2: Navigate to the Project Directory

After cloning the repository, navigate into the project directory:

cd color-palette-generator

Step 3: Install Dependencies

Before running the app, make sure you have all necessary dependencies installed. Run the following command to install them:

npm install

This will install the required packages defined in the package.json file.

Step 4: Start the Development Server

Once the dependencies are installed, you can start the project:

npm run dev

This will launch the app in your default web browser. The app will automatically reload if you make any changes to the code.

Technologies Used:

• React: JavaScript library for building user interfaces.
• CSS: Used for styling the app and making it responsive.
• JavaScript: Logic for color generation and key event handling.

Contributing:

Feel free to fork this project and submit pull requests. If you find any bugs or have suggestions, please open an issue in the GitHub repository.