From 7d0bb41c4be01d6446c7988dda02a3f026166406 Mon Sep 17 00:00:00 2001 From: Stefan Fejes Date: Fri, 16 Oct 2020 20:46:29 +0200 Subject: [PATCH] add toHSLArray (#1616) * add toHSLArray * add % signs to hue and lightness --- snippets/toHSLArray.md | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 snippets/toHSLArray.md 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] +```