使用JavaScript或jQuery获取/设置元素的颜色(单个R、G和B值)

使用JavaScript或jQuery获取/设置元素的颜色(单个R、G和B值),javascript,jquery,css,html,Javascript,Jquery,Css,Html,我只是想知道如何使用JS/jQuery来获取和设置CSS中“颜色”的r、g和b的单独值。我尝试导入jquery颜色,但没有成功。我也尝试过使用sub-string方法,但也没有效果。任何帮助都将不胜感激:) 谢谢。这将对您有所帮助Jquery RGB 请参阅此处的一个简单演示:例如,使用十六进制和rgb类型以及alfa更改元素的颜色 function colorFromElem(){ var c = myDiv.style.color ligterRgb = getLigterColor

我只是想知道如何使用JS/jQuery来获取和设置CSS中“颜色”的r、g和b的单独值。我尝试导入jquery颜色,但没有成功。我也尝试过使用sub-string方法,但也没有效果。任何帮助都将不胜感激:)

谢谢。

这将对您有所帮助<代码>Jquery RGB


请参阅此处的一个简单演示:

例如,使用十六进制和rgb类型以及alfa更改元素的颜色

function colorFromElem(){
  var c = myDiv.style.color
  ligterRgb = getLigterColor(c);
  myDiv.style.color=ligterRgb;
}

function getLigterColor(e){
  var t=hexToRgb(e).r;
  var n=hexToRgb(e).g;
  var i=hexToRgb(e).b;
  return "rgba("+t+","+n+","+i+","+"0.85)"
}
function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

不只是好奇,你试过什么?非常感谢:)我尝试导入jquery颜色,但没有成功。我也尝试过使用sub-string方法,但也没有效果:s