Menu

gitpiper

toHSLObject javascript Code Snippet in 2024

stringbrowserregexpintermediate

Last Updated: 20 July 2024

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 }

javascript snippet similar to toHSLObject For You in July 2024

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️

© 2024 GitPiper. All rights reserved

Rackpiper Technology Inc

Company

About UsBlogContact

Subscribe to our Newsletter

Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️