Как преобразовать значения RGB в обычные значения цвета CSS? - PullRequest
Новая
       4

Как преобразовать значения RGB в обычные значения цвета CSS?

0 голосов
/ 30 сентября 2011

Я пытаюсь сравнить стили элементов на моей странице.Но один элемент динамически меняет свой цвет текста на красный, но представлен как значение rgb.А другой элемент (для сравнения) использует значения # 123456.Есть ли конвертер, который может взять rgb и превратить его в #number?

Например:

# 000 вместо rgb (0, 0, 0)

Ответы [ 2 ]

3 голосов
/ 30 сентября 2011

Люди всегда забывают, что цвета 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

2 голосов
/ 30 сентября 2011 
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

...