如何从CSS颜色中提取r,g,b值？

Question

什么是最简单的转型方式

$('#my_element').css('backgroundColor')

像这样的对象:

{ r: red_value, g: green_value, b: blue_value, a: alpha_value }

？

Answer 1

var c = $('body').css('background-color');
var rgb = c.replace(/^(rgb|rgba)\(/,'').replace(/\)$/,'').replace(/\s/g,'').split(',');

for(var i in rgb) {
  console.log(rgb[i]);
}

在这里试试http://jsbin.com/uhawa4

编辑:

var c = $('body').css('background-color');
var rgb = c.replace(/^rgba?\(|\s+|\)$/g,'').split(',');

for(var i in rgb) {
  console.log(rgb[i]);
}

甚至更简单的方法,只针对数字

var c = 'rgba(60,4,2,6)';
var rgb = c.match(/\d+/g);

for(var i in rgb) {
  console.log(rgb[i]);
}