Opencolors
OpenColors
OpenColors is a free and open-source color palette generator that allows you to create, customize, and export color schemes for your projects.
It provides a familiar interface, intended to allow users to have an free alternative to other color palette generators.
Features
- Multiple color generation methods (analogous, complimentary, split complimentary, etc.)
- Importing colors from images and CSS/SCSS files
- Image import offers multi-color picking
- Export your color palettes in various formats
- Currently supports exporting colors as CSS variables, SCSS variables, and as Tailwind v4 CSS variables
- Colors can be exported as HEX, RGB, HSL, HWB, LAB, LCH, OKLAB, OKLCH
- Adjust the hue, saturation, lightness for the entire palette or individual colors using the color picker
Why?
Honestly, I started this project about 5 years ago, and it sat in an extremely old and unfinished state for many years. I found the project again on an old SSD and felt a bit of 'nostalgia' for that time in my life, so I decided to finish it for both fun, and to provide a free alternative to other "unnamed" other color palette generators.
The app originally was written in Svelte 3 and was mostly using JS and SCSS. While I love SCSS, I wanted to try out UnoCSS.
Original version (2021) of the app:
Fully re-written for Svelte 5 and using the TS conventions I follow nowadays. Hope this project is useful to someone!
