ChromaticUI is a custom color palette generator that converts a base color into a professional palette with light and dark shades.
-
Automatic Palette Generation Enter a color and generate a palette with light and dark variations.
-
LocalStorage Saving Save your favorite palettes directly in the browser to access them anytime.
-
Real-Time Editing Manually adjust each shade of the palette using hue, saturation, and lightness sliders.
-
Color Extraction from Images Upload an image and get a palette inspired by its dominant colors.
-
Multi-Format Export Copy your palettes in formats like CSS, SCSS, Tailwind 3 and 4 in HEX, RGB, HSL or OKCHL.
- Astro
- React
- Tailwind CSS
- Shadcn/ui
- Clone the repository
git clone https://github.com/your-username/ChromaticUI.git
cd ChromaticUI- Install dependencies
pnpm i- Start the development server
pnpm dev- Access the app
http://localhost:4321ChromaticUI is open source and your help is welcome! 🙌
- Found a bug? Have an idea? Share them!
- You can fork the repository and send pull requests with your changes.
- You can also open an issue in the repository, labeling it as
enhancementto discuss your ideas, orbugif you find any errors or unexpected behavior.
- fork the project.
- Clone your fork:
git clone <URL of your fork>- Add the original repository as a remote:
git remote add upstream <URL of the original repository>- Create a branch:
git switch -c feature/your-improvement-
Develop and test your changes.
-
Commit and push:
-
Open a PR on GitHub 🎉
📚 For more details and best practices, check the contribution guide. There you'll find detailed instructions on how to set up your environment, structure your commits, and ensure your changes follow the project standards.
This project is under the MIT License - See LICENSE for more details.