Skip to content

zakkariyaa/color-palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Colour Palette Generator

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.

demo gif

🛠 Tech Stack

  1. HTML
  2. CSS
  3. Javascript

✨ Features

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

🚀 Getting Started

  1. Clone the repository by running this command on your terminal:
    git clone https://github.com/zakkariyaa/color-palette
  2. Open the project in your preferred code editor or just double-click index.html to launch it in your browser.

📚 What I Learned

  • 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

🔧 Potential Improvements

  • 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)

Improvements (optional)

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

About

A color palette generator similar to Coolers.co

Topics

Resources

Stars

Watchers

Forks