add toHSLArray (#1616)

* add toHSLArray

* add % signs to hue and lightness

snippets/toHSLArray.md

@@ -0,0 +1,17 @@
+---
+title: toHSLArray
+tags: string,browser,regexp,beginner
+---
+
+Converts an `hsl()` color string to an array of values.
+
+- Use `String.prototype.match()` to get an array of 3 string with the numeric values.
+- Use `Array.prototype.map()` in combination with `Number` to convert them into an array of numeric values.
+
+```js
+const toHSLArray = hslStr => hslStr.match(/\d+/g).map(Number);
+```
+
+```js
+toHSLArray('hsl(50,10%,10%)'); // [50, 10, 10]
+```