In order to work with HSL values we need to be able to take an initial string value, such as hsl(270, 49%, 40%), and break it down into individual H, S, L, and/or A pieces. 0 is totally black and 100 is totally white, therefore 50 is the happy medium. Lightness is another scale between 0 and 100. Saturation is the amount of color vs grey, with 100% being all color and no grey and 0% being all grey and no color. In no other format does one value give us some much information about what the final color might look like. Hue is a number between 0 and 360, and represents degrees on a color wheel. Resizable and scalable color wheel (color chooser) plugin for jQuery. Why? Take a closer look at each component of this format.
![jquery color wheel picker jquery color wheel picker](https://2.bp.blogspot.com/-h7Xf_lJL7K0/UHVFjXb9cyI/AAAAAAAADyE/KL2tqTFODCA/s400/jQuery_jPicker_Color_Picker_Plugin.png)
I found that HSL was the most human-understandable color format. However, when designing Color Tool I used HSL as my base format. In my day-to-day work I tend to favor HEX or RGB over the others. To use jQuery Wheel Color Picker Plugin, first you must include jquery.js(obviously).