jquery获取css的color值返回RGB的方法

要获取一个元素的CSS中的color值返回RGB的方法，可以使用jQuery中的css()方法和rgb2hex()函数。

具体的步骤如下：

1.使用jQuery选择器选择需要获取CSS的元素。

例如，要获取id为‘myDiv’的元素的CSS中的color值，可以使用以下代码：

var color = $('#myDiv').css('color');

2.获取color值后，将它传递给rgb2hex()函数，将颜色值转换为RGB格式。

如下所示：

function rgb2hex(rgb) {
  if (/^#[0-9A-F]{6}$/i.test(rgb)) return rgb;

  rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

  function hex(x) {
    return ("0" + parseInt(x).toString(16)).slice(-2);
  }

  return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}

var rgbColor = rgb2hex(color);

在这里，rgb2hex()的输入为color值，该值是一个字符串，格式为“rgba(r,g,b)”或“rgb(r,g,b)”。

函数会将字符串分解成r、g、b三种不同的颜色值，并将它们转换为对应的RGB格式。

3.最后，将变量rgbColor中的值即为所需的RGB格式颜色值。

以下是两个示例：

示例1：

要获取网页中所有class为“myClass”的元素的颜色，可以使用以下代码：

$('.myClass').each(function() {
  var color = $(this).css('color');
  var rgbColor = rgb2hex(color);
  console.log(rgbColor);
});

示例2：

要获取id为‘myDiv’元素的CSS中的color值，并将结果更新为文件中id为‘color1’的元素的CSS样式，可以使用以下代码：

var color = $('#myDiv').css('color');
var rgbColor = rgb2hex(color);
$('#color1').css('background-color', rgbColor);