Generate millions of beautiful colour palettes with clicks!
This is a feature rich project and I tried to emulate the coolors.co website as close as possible.
HTML
CSS
Javascript
1. Generate Random Colour Palettes
2. Save/Bookmark Palettes to local storage for future use
3. Export Palettes in three different formats: JSON
, CSS
, and Text
4. Add, remove, lock, edit, and view shades and tints of a specific colour
- Clone the repository by running this command on your terminal:
git clone https://github.com/zakkariyaa/color-palette
- Open the project in your preferred code editor or just double-click
index.html
to launch it in your browser.
- How to structure a front-end project in a clean, modular way
- Deepened my understanding of colour theory, brightness, shades, and tints
- Worked with colour conversions and handling multiple colour formats effectively
- If I had more time, I'd love to:
- Complete the addColour feature to dynamically update the page
- Refactor certain parts of the code using higher-order functions for better readability
- Add more of the original Coolors features (e.g., palette sorting, harmony suggestions)
If I had more time I would try to improve the following things:
- Complete the
addColour
functionality so the changes are dynamically reflected on the page - Refactor the codebase to use higher order function in some places instead of loops
- Add the rest of the Coolers.co website features