Skip to content

rogerpoliver/color-shade-generator

Repository files navigation

Color Shade Generator

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.

Demo (Not available yet)

You can see a live demo of the Color Shade Generator here.

Features

  • 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.

Getting Started

To get a local copy of the project up and running, follow these steps:

  1. Clone the repository: git clone https://github.com/rogerpoliver/color-shade-generator.git
  2. Navigate to the project directory: cd color-shade-generator
  3. Install the dependencies: npm install
  4. Start the development server: npm start
  5. Open your browser and visit http://localhost:3000 to see the application running.

Usage

  1. Enter a color value in the input field.
  2. The shades of the color will be generated and displayed as circular divs.
  3. Each div represents a shade with its corresponding hex value below it.

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -am 'feat: add some feature'
  4. Push the changes to your branch: git push origin feature/your-feature-name
  5. Submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

  • This project was inspired by the need for a simple color shade generator.
  • The shadeGenerator function is based on Tailwindcss - Colors.

Contact

For any inquiries or questions, please email rogerpolvr@gmail.com.

About

An app that generate color shades from a hex color

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published