30-seconds-of-code/snippets/to-hsl-array.md

title, tags, cover, firstSeen, lastUpdated

title	tags	cover	firstSeen	lastUpdated
HSL to array	string,regexp	kettle-laptop	2020-10-16T21:46:29+03:00	2020-10-22T20:24:30+03:00

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.

const toHSLArray = hslStr => hslStr.match(/\d+/g).map(Number);

toHSLArray('hsl(50, 10%, 10%)'); // [50, 10, 10]