Question

我试图比较页面上元素的样式。但是一个元素动态地将其文本颜色更改为红色，但表示为rgb值。另一个元素（与之比较）使用＃123456值。是否有某个转换器可以接受rgb并将其转换为#number？

例如：

＃000而不是rgb（0,0,0）

Answer 1

人们总是忘记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

Answer 2

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);
}

编辑。由http://www.javascripter.net/faq/rgbtohex.htm

提供

如何将rgb值转换为常规的css颜色值？

2 个答案: