Color Generator is a sleek and modern web application built with React and valus.js
. This tool allows users to explore various shades and tints of any given color. Whether you're a designer, developer, or just someone who loves colors, this tool will help you find the perfect hue for your project.
- Color Variations: Automatically generate a wide range of shades and tints for any input color.
- Random Color Generator: Easily explore new colors by clicking the randomize icon.
- Multiple Color Formats: Support for hex, RGB, rgba, and hsl formats.
- Copy to Clipboard: Quickly copy color codes for use in your projects.
- Weight Control: Adjust the color weight.
- Responsive Design: Works seamlessly across devices.
Follow these steps to get the project up and running on your local machine.
-
Clone the repository:
git clone https://github.com/salahghr4/color-generator.git cd color-generator
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool and development server for modern web projects.
- valus.js: A utility library for generating shades and tints of colors.
- CSS: For styling the application.
- JavaScript: Adding interactivity and functionality.
Contributions, issues, and feature requests are welcome!
- Inspired by various color palette tools and generators.
- Thanks to the open-source community for their invaluable resources.