Files
30-seconds-of-code/snippets/toRGBObject.md
Isabelle Viktoria Maciohsek 27c168ce55 Bake date into snippets
2021-06-13 13:55:00 +03:00

745 B

title, tags, firstSeen, lastUpdated
title tags firstSeen lastUpdated
toRGBObject string,browser,regexp,intermediate 2020-10-14T21:58:14+03:00 2020-10-22T20:24:44+03:00

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 [red, green, blue] = rgbStr.match(/\d+/g).map(Number);
  return { red, green, blue };
};
toRGBObject('rgb(255, 12, 0)'); // {red: 255, green: 12, blue: 0}