A synthesizer for color palettes. Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.
🌐 Try it live at colorpalette.pro
Color Palette Pro generates 6 different color palettes (Analogous, Complementary, Split Complementary, Triadic, Tetradic, and Tints & Shades) in 4 styles across 8 color spaces and formats. It provides a synthesizer-like interface for creating beautiful color palettes for artworks, websites, and designs.
For more information about the project, check out the blog post.
Check out a video demo on YouTube
- Generate 6 programmatic palette types with 4 variations each
- Support for multiple color spaces (OKLCH, LAB, LCH, HSL, RGB, etc.)
- Multiple input methods: text input, sliders, eyedropper, history, random, and URL
- Export options: CSS variables, CSS file download, and palette images
- UI mode for generating color palettes suitable for user interfaces
- Dark mode support
For detailed documentation, click the ? button in the app to access the manual, or see src/components/manual/Manual.tsx in the source code.
This project would not be possible without these excellent libraries:
- Color.js — A fantastic TypeScript library for color science by Lea Verou and Chris Lilley, co-editors of the CSS color spec
- Color Name API — REST API that returns color names for given color values
MIT License — see LICENSE for details.