In this HTML code I have included some features but if you want any other features you can also add them.
Without CSS our this script (Button Generator) will never look marvelous. So here we are, our HTML markup is ready now we have to customize our HTML and it can be done using CSS.

CSS Libraries used in this tool are:

https://bgrins.github.io/spectrum/spectrum.css

Javascript Libraries Used in this tool are:

https://bgrins.github.io/spectrum/spectrum.js

So below is the CSS code for our HTML markup and you have to save it with the filename as provided. Make a new folder called css and put this file to that folder.

If you add more features in your HTML code then you have to update your JavaScript code.

Outcome :

So here we are, We have done and our project Button Generator is ready now you can save all the files as provided.
Like CSS files in css folder and JavaScript files in a JS folder name. Below is folder tree of the files and folders of this project.