diff --git a/snippets/toHSLArray.md b/snippets/toHSLArray.md
new file mode 100644
index 000000000..759d822a1
--- /dev/null
+++ b/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]
+```