HSL转对象

hsl()颜色字符串转换为包含每个颜色值的对象。

  • 使用String.prototype.match()获取一个包含三个字符串的数组,这些字符串是数值。
  • 使用Array.prototype.map()结合Number将它们转换为数值数组。
  • 使用数组解构将值存储到命名变量中,并从中创建一个适当的对象。
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 }