PalettePro is a modern web application designed for designers and developers to create, refine, and preview color schemes effortlessly. Built completely using vibe-coding methodology and AI-assisted development via Firebase Studio.
PalettePro blends the principles of color theory with intuitive AI suggestions.
-
AI Color Suggestion Tool: Leverage AI to generate optimal color combinations based on visual harmony guidelines and color theory.
-
Intelligent Generation: Create palettes based on specific moods, themes, or seed colors.
-
Real-Time Customization: Fine-tune Hue, Saturation, and Lightness (HSL) with an interactive editor.
-
Live Layout Preview: See your palette in action! Instantly apply your colors to a sample website UI to check readability and contrast.
-
Cloud Storage: Save your favorite palettes to your profile for future projects.
-
Instant Sharing: Generate unique URLs to share your color visions with teammates or clients.
Frontend: Next.js Language: TypeScript Styling: Tailwind CSS Backend/Database: Firebase (Firestore & Auth) Development Tool: Developed using Firebase Studio.
PalettePro uses a combination of algorithmic color math and AI prompting to ensure that the palettes generated aren't just random, but aesthetically pleasing.
-
Input a Vibe: Type in "Ocean Sunset" or "Cyberpunk."
-
AI Analysis: The tool calculates complementary and analogous values.
-
Adjust: Use the sliders to perfect the saturation or lightness.
-
Export: Copy the Hex codes or save the palette to your library.
Contributions are welcome! If you have ideas for new features or improvements, feel free to fork the repo and submit a pull request.
-
Fork the Project
-
Create your Feature Branch (git checkout -b feature/AmazingFeature)
-
Commit your Changes (git commit -m 'Add some AmazingFeature')
-
Push to the Branch (git push origin feature/AmazingFeature)
-
Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Note: This project was completely vibe-coded using Google Firebase Studio.
Developed with 💜 using AI & Firebase Studio.