Converts an rgb()
color string to an object with the values of each color.
String.prototype.match()
to get an array of 3 string with the numeric values.Array.prototype.map()
in combination with Number
to convert them into an array of numeric values.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}
Snippet collection
Working with color in JavaScript requires some understanding of color formats and conversions. Luckily, this snippet collection's got you covered.
JavaScript, String
Converts an hsl()
color string to an object with the values of each color.
JavaScript, String
Converts an rgb()
color string to an array of values.
JavaScript, String
Converts an hsl()
color string to an array of values.