Extract prominent colors from an image to create more visually engaging designs and apps.
Good visual design is essential for a successful app or site, and color schemes are a primary component of designs. Color Breakdown breaks down an image into the most prominent colors so you can use them in your designs. For example, you can create color-coordinated title cards for a song based on its album cover or adjust an app's toolbar color when its background image changes. Six main color profiles from the bitmap are extracted to help inform your design choices.
When you're ready to build your design, quickly copy colors by just clicking on the palettes for each image. Save a list of previously processed images so you can refer to other color swatches easily.
Inspired by SVGOMG!
Check out the issues to see what's planned, or suggest ideas of your own!
- node-vibrant 3.0.0
- idb 2.1.3
- Web Workers
- Service Workers
Setting up Dev
Run dev server:
npm run build npm start
This project is available under the MIT License.