A color shade generator is a web application that allows you to generate shades of a color based on the input provided. It is built using React and utilizes the shadeGenerator function from the "generator" module.
You can see a live demo of the Color Shade Generator here.
- Enter a color value to generate shades.
- The shades are displayed as circular divs with their corresponding hex values.
- The shades are generated using the shadeGenerator function.
To get a local copy of the project up and running, follow these steps:
- Clone the repository:
git clone https://github.com/rogerpoliver/color-shade-generator.git
- Navigate to the project directory:
cd color-shade-generator
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and visit
http://localhost:3000
to see the application running.
- Enter a color value in the input field.
- The shades of the color will be generated and displayed as circular divs.
- Each div represents a shade with its corresponding hex value below it.
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name
- Make your changes and commit them:
git commit -am 'feat: add some feature'
- Push the changes to your branch:
git push origin feature/your-feature-name
- Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
- This project was inspired by the need for a simple color shade generator.
- The shadeGenerator function is based on Tailwindcss - Colors.
For any inquiries or questions, please email rogerpolvr@gmail.com.