Skip to content

aadhar41/color-generator

Color Generator

A React application that generates tints and shades of a given color. Users can input a hex color code to generate a palette and copy color values to the clipboard with a single click.

Screens

Page Preview
Color Generator Color Generator

Features

  • Color Generation: Generate darker and lighter shades of any hex color input.
  • Clipboard Integration: Click on any color box to copy its hex value to the clipboard.
  • Error Handling: Visual feedback for invalid color codes.
  • Responsive Design: Works seamlessly across different screen sizes.

Setup Instructions

In the project directory, you can run:

npm install

Installs the necessary dependencies to run the app.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Technologies Used

  • React
  • Values.js (for color manipulation)

🤝 Community & Contributions

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  • Code of Conduct: Please read our Code of Conduct to understand the standards of behavior we expect in our community.
  • Contributing: Check out the Contributing Guidelines for details on our code of conduct and the process for submitting pull requests.
  • Security: Please refer to our Security Policy.
  • Issue Templates: When opening an issue, please use the provided Bug Report or Feature Request templates.

📜 License

Distributed under the MIT License. See LICENSE for more information.

About

A React application that generates tints and shades of a given color. Users can input a hex color code to generate a palette and copy color values to the clipboard with a single click.

Topics

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors