30-seconds-of-code/snippets/toHSLObject.md

title, tags, expertise, cover, firstSeen, lastUpdated

title	tags	expertise	cover	firstSeen	lastUpdated
HSL to object	string,browser,regexp	intermediate	blog_images/measuring.jpg	2020-10-16T21:48:31+03:00	2020-10-22T20:24:30+03:00

Converts an hsl() color string to an object with the values of each color.

• 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.
• Use array destructuring to store the values into named variables and create an appropriate object from them.

const toHSLObject = hslStr => {
  const [hue, saturation, lightness] = hslStr.match(/\d+/g).map(Number);
  return { hue, saturation, lightness };
};

toHSLObject('hsl(50, 10%, 10%)'); // { hue: 50, saturation: 10, lightness: 10 }