HueSync is a web application designed specifically for web designers, offering a seamless color palette selection experience and real-time preview on a demo website. It leverages the power of Next.js, Tailwind CSS, TypeScript, and Redux Toolkit to provide a comprehensive toolkit for designers to choose visually stunning color palette for their websites.
-
Color Palette Generator: Generate harmonious color palettes effortlessly with HueSync's intuitive color palette generator. Choose from various color models, such as RGB, HSL, and HEX, to create visually appealing combinations for your web projects.
-
Real-time Preview: Witness the impact of your color palette choices in real-time with the integrated preview feature. As you refine your color selections, the demo website updates instantly, allowing you to visualize the changes and make informed decisions.
Follow these steps to install and run HueSync:
-
Clone the repository: git clone
https://github.com/tyommmm/huesync.git -
Navigate to the project directory:
cd huesync -
Install the dependencies using your preferred package manager:
npm install -
Start the development server:
npm run dev -
Open your browser and visit
http://localhost:3000to access the HueSync application.
Once you have the HueSync application up and running, follow these steps to effectively utilize its features:
-
Select colors either by using the color picker or entering values manually.
-
Experiment with different color models, such as RGB, HSL, or HEX, to define your colors precisely.
-
Customize your color palette by rearranging, editing, or removing colors as needed.
-
Experience the real-time preview as the demo website updates dynamically with your selected color palette.
-
Copy the generated color codes or download the palette for future reference.
-
Continuously iterate and explore various color combinations until you achieve the perfect palette for your web design project.
I appreciate contributions from the community to enhance HueSync further. To contribute, please follow these steps:
-
Fork the repository on GitHub.
-
Clone your forked repository to your local machine.
-
Create a new branch with a descriptive name:
git checkout -b my-feature -
Make your modifications and commit your changes:
git commit -m "Add my feature" -
Push your changes to your forked repository:
git push origin my-feature -
Open a pull request on the main repository and provide a detailed description of your changes.
We appreciate your contributions and strive to review and merge them promptly.