ColorVista is a web application that simplifies the process of generating color palettes from uploaded images. Whether you're a designer, artist, or hobbyist, ColorVista provides an effortless way to find the perfect color inspiration for your projects.
- Upload Image: Easily upload your image to generate a color palette.
- Color Palette Generation: ColorVista automatically extracts colors from the uploaded image to create a visually appealing color palette.
- Copy Color Codes: Copy the hex codes of the colors in the palette with a single click.
- Toggle Theme: Switch between light and dark themes for optimal viewing comfort.
- Responsive Design: ColorVista is designed to work seamlessly across all devices, ensuring accessibility and convenience.
- Frontend: Nextjs with TypeScript
- Color Extraction: ColorThief library
- Styling: Tailwind CSS
- Deployment: Deployed on Vercel
To run ColorVista locally, follow these steps:
- Clone this repository.
- Navigate to the project directory.
- Install dependencies using
npm install. - Start the development server using
npm run dev. - Access ColorVista at
http://localhost:3000in your browser.
- Upload Image: Click on the "Upload Image" button and select an image from your device.
- Color Palette: Once the image is uploaded, ColorVista will generate a color palette based on the colors extracted from the image.
- Copy Color Codes: Click on any color in the palette to copy its hex code.
- Toggle Theme: Switch between light and dark themes for optimal viewing.
You can try out ColorVista live at [https://color-vista.vercel.app/].
Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
- ColorThief library for color extraction.
- Tailwind CSS for styling.
- Nextjs and TypeScript for frontend development.