If only we could remember that amazing coloring scheme we came across the other day.
But thats easier said than done. Color Pal to the rescue!
pun intended.
You can use Color Pal to save your custom color palettes required for web dev.
https://gauravc4.github.io/ColorPal/
For local install, just clone the repo and run index.html
-
Choose the right color that suits your palette by adjusting th HSL (Hue Saturation Level) settings.
-
Lock it in so you don't lose it.
-
Copy the HEX value to clipboard with just one click.
-
Save your palette by giving it an appropriate name.
-
Notice the save status at bottom right corner being changed. ✨
-
Select your saved palette from library to work with.
-
Gasp in awe as you realize your most recently used items are always at the top of library, so you don't have to scroll for your favourite palette. 😱
-
Then read about LRU (Least Recently Used) Cache, which bubbles most frequently used items to top and deletes least recently used items once cache is full. 😳
-
Realize it wasn't such a big deal after all. 😪
-
Make changes to your palette and save with different name (to create new) or same name (to overwrite).
It is based on HTML, CSS and Vanilla JavaScript. I have tried to implement javascript module pattern.
Used chorma.js, a great coloring library for color conversions and scales.
How can I forget Font Awesome and Flaticon for their amazing icons.
I have made this project as a part of Creative JavaScript course by Dev Ed.
If you like this, I am sure you will love his course as well. Check it out here https://developedbyed.com/