如何从CSS颜色中提取r，g，b，值？ [英] How to extract r, g, b, a values from CSS color?

问题描述

最简单的转换方式是什么？

What would be the easiest way to transform

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

对象，如下所示：

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

？

推荐答案

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

Try it here http://jsbin.com/uhawa4

strong>：

Edit :

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

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

或更简单的方式，只是针对数字

or even simpler way, just aiming at numbers

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

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

这篇关于如何从CSS颜色中提取r，g，b，值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！