diff --git a/toRGBObject.md b/toRGBObject.md new file mode 100644 index 000000000..5901c1f01 --- /dev/null +++ b/toRGBObject.md @@ -0,0 +1,21 @@ +--- +title: toRGBObject +tags: 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. + +```js +const toRGBObject = rgbStr => { + const [r, g, b] = rgbStr.match(/\d+/g).map(Number); + return { r, g, b }; +}; +``` + +```js +toRGBObject('rgb(255,12,0)'); // {r: 255, g: 12, b: 0} +```