Acpg
The "Color Palette Generator" is a web application that generates color palettes from uploaded images. It features a user-friendly interface built with Vue.js and Tailwind CSS, backend processing in Flask, and Docker for easy deployment. The application is ideal for designers and artists looking for color inspiration.
Color Scheme Generator
Overview
The Color Scheme Generator is a web application that allows users to upload images and generate color palettes based on those images. It showcases the integration of Vue.js frontend with a Flask backend, along with analyzing images and extracting dominant colors.
Features
- Upload images to generate color schemes.
- View and copy the RGB values of generated colors.
- Responsive and modern UI with Tailwind CSS and DaisyUI.
- Dockerized setup for easy deployment and development.
Getting Started
Prerequisites
- Docker and Docker Compose
- Node.js (for local development)
Installation and Setup
Clone the Repository:
git clone https://github.com/pmbstyle/acpg.gitcd acpgBuild and Run the Docker Containers:
docker-compose up --build
This will start the frontend accessible on http://localhost:8088 and the backend on http://localhost:5000.
Usage
- Navigate to http://localhost:8088 in your web browser.
- Upload an image to generate a color palette.
- Click on any color in the generated palette to copy its RGB value to the clipboard.
Acknowledgments
- Color Thief Python library for color extraction.
- Vue.js and Tailwind CSS for building the frontend.
- Flask for creating the backend API.
- Docker and Docker Compose for containerization and easy deployment.
