使用JavaScript或jQuery获取/设置元素的颜色(单个R、G和B值)
我只是想知道如何使用JS/jQuery来获取和设置CSS中“颜色”的r、g和b的单独值。我尝试导入jquery颜色,但没有成功。我也尝试过使用sub-string方法,但也没有效果。任何帮助都将不胜感激:)使用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
谢谢。这将对您有所帮助<代码>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