如何从rgb颜色的字符串中获取颜色值？

Question

I have an element with some background-color . When I use element.style.backgroundColor then I get the string like rgb(221, 110, 43) . How I can get, for example, blue value of the color (ie 43)?

Answer 1

You can use a regex:

 function getRGB(str){ var match = str.match(/rgba?\\((\\d{1,3}), ?(\\d{1,3}), ?(\\d{1,3})\\)?(?:, ?(\\d(?:\\.\\d?))\\))?/); return match ? { red: match[1], green: match[2], blue: match[3], alpha: match[4] } : {}; } console.log(getRGB("rgb(211, 211, 211)").blue); console.log(getRGB("rgba(211, 0, 211, 0.5)")); 

Answer 2

You can use this regex to parse the RGB Color values.

 var color = 'rgb(24, 45, 12)'; var parsedColor = color.match(/^rgb\\s*\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*\\)$/i); console.log([parsedColor[1],parsedColor[2],parsedColor[3]]);