[英]How to convert rgb values into regular css color values?
我试图比较页面上元素的样式。 但是一个元素动态地将其文本颜色更改为红色,但以rgb值表示。 而另一个元素(与之进行比较)则使用#123456值。 是否有转换器可以将rgb转换为#number?
例如:
#000代替rgb(0,0,0)
人们总是忘记了rgb颜色可以表示为百分比,也可以表示为整数。
function rgbToHex(rgb){
var i= 0, c, hex= '#',
rgb= String(rgb).match(/\d+(\.\d+)?%?/g);
while(i<3){
c= rgb[i++];
if(c.indexOf('%')!= -1){
c= Math.round(parseFloat(c)*2.55);
}
c= (+c).toString(16);
if(c.length== 1) c= '0'+c;
hex+= c;
}
return hex;
}
alert(rgbtohex('rgb(255,127,0)')+'\n'+
rgbtohex('rgb(100%,50%,0)'));
/* returned value:
#ff7f00
#ff7f00
*/
//也可用于数组-rgbToHex([100,200,60])
//返回值:#64c83c
function rgbToHex(R, G, B){
return toHex(R) + toHex(G) + toHex(B);
}
function toHex(n){
n = parseInt(n, 10);
if( isNaN(n) ){
return "00";
}
n = Math.max(0, Math.min(n,255));
return "0123456789ABCDEF".charAt((n - n % 16) / 16) + "0123456789ABCDEF".charAt(n % 16);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.