Feature/color improvements

[Giwayume]

#174

• Added color swatches, so you can store the colors you've picked while working.
  • Future improvement: save them in the JSON file, and allow swapping them out as a set.
• The color picker gradient square (I can't find an official name for this) can now be toggled to always display instead of in a popup.
  • Removed the spectrum library, since this was re-coded from scratch.
• Each color channel (RGB), (HSV) now has a slider that shows a preview of what colors you're moving towards on either side of the spectrum.
• These 3 sections can be toggled to display individually, this is saved in the cookie.
• Renamed the color conversion functions in Helper class to have the same naming convention and return formats. This was all over the place.
• New icons are pulled from Bootstrap https://icons.getbootstrap.com/

This is the new default for the color block. I figured this color picker is the most intuitive for most users, so it would make a good default. The buttons on the top right toggle the visibility of the swatches, picker, and color channel sliders.

This is how it looks with all sections toggled to be visible.

[viliusle]

Nice changes UX is really better.

Not very happy about so many new libs added, for example number-input component can be replaced by simple <iput type="number" />.

Also found issue where RGB inputs only shows max 2 numbers, even its 3 like 255, i will try to fix. (You use firefox i guess, good browser, sadly chrome takes all market.) - FIXED

[Giwayume]

@viliusle The reason I added number-input is:

1. Custom styling, as native browser support for styling the up/down arrows is very limited.
2. Future mobile support, my intent is to allow touch screen users to swipe up/down in the input to increase/decrease the value.

[Giwayume]

Not very happy about so many new libs added

It's not libs, I wrote them all, also most of it is refactoring common code into separate files so they can be used in multiple places. For example, the range.js can replace <input type="range"> for more consistent styling across browsers.