Change HSL to HSB and implement real HSL function

README.md

@@ -781,7 +781,8 @@ up a desired Light State:
 | `transitionInstant()` |A transition of 0ms|
 | `transitionDefault()` |A transition time of the bridge default (400ms)|
 | `white(colorTemp, briPercent)` | where colorTemp is a value between 154 (cool) and 500 (warm) and briPercent is 0 to 100|
-| `hsl(hue, sat, briPercent)` | Where hue is a value from 0 to 359, sat is a saturation percent value from 0 to 100, and briPercent is from 0 to 100|
+| `hsl(hue, sat, luminosity)` | Where hue is a value from 0 to 359, sat is a saturation percent value from 0 to 100, and luminosity is from 0 to 100|
+| `hsb(hue, sat, brightness)` | Where hue is a value from 0 to 359, sat is a saturation percent value from 0 to 100, and brightness is from 0 to 100|
 | `rgb(r, g, b)` | Sets an RGB value from integers 0-255|
 | `rgb([r, g, b])` | Sets an RGB value from an array of integer values 0-255|
 | `colorLoop()` | Starts a color loop effect (rotates through all available hues at the current saturation level)|

hue-api/lightstate.js

@@ -332,6 +332,10 @@ State.prototype.white = function (colorTemp, brightPercentage) {
  * @return {State}
  */
 State.prototype.hsl = function (hue, saturation, luminosity) {
+    var t = saturation * (luminosity<50 ? luminosity : 100-luminosity) / 100; // Temp value
+    saturation = Math.round( 200 * t / (luminosity+t) ) |0;
+    luminosity = Math.round( t + luminosity );
+
     var hueValue = _getBoundedValue(hue, 0, 360) * 182.5487; // degrees upscaled to 0-65535 range
 
     return this
@@ -341,6 +345,23 @@ State.prototype.hsl = function (hue, saturation, luminosity) {
         ;
 };
 
+/**
+ * Adds the HSB values
+ * @param hue The hue value in degrees 0-360
+ * @param saturation The saturation percentage 0-100
+ * @param brightness The brightness percentage 0-100
+ * @return {State}
+ */
+State.prototype.hsb = function (hue, saturation, brightness) {
+    var hueValue = _getBoundedValue(hue, 0, 360) * 182.5487; // degrees upscaled to 0-65535 range
+
+    return this
+        .brightness(brightness)
+        .hue(hueValue)
+        .sat(_convertSaturationPercentToHueValue(saturation))
+        ;
+};
+
 /**
  * Adds the rgb color to the state. This requires knowledge of the light type to be able to convert it into
  * an actual color that the map can display.