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

title, tags

title	tags
toRGBObject	string,browser,regexp,intermediate

Converts an rgb() 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 toRGBObject = rgbStr => {
  const [r, g, b] = rgbStr.match(/\d+/g).map(Number);
  return { r, g, b };
};

toRGBObject('rgb(255,12,0)'); // {r: 255, g: 12, b: 0}