2011-08-03 86 views
1

如何將RGB值轉換爲HTML代碼?將RGB值轉換爲HTML顏色代碼?

例如,使用這樣的值:

red:0 
blue:0 
green:0 
html color code = #000000 

是否有用於將它的任何式?

+3

首款谷歌結果:http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx –

+0

做你'red','green',和「藍」值範圍從0-1或0-255? – aroth

+0

@citizen conn - 即將發佈相同的鏈接:) – karim79

回答

2

你只需要每個組件值轉化成其相應的十六進制形式,並把它們連接成一個字符串,如:

function colorCode(red, green, blue) { 
    red = normalize(red); 
    green = normalize(green); 
    blue = normalize(blue); 

    return '#' + pad(red.toString(16)) + pad(green.toString(16)) + pad(blue.toString(16)); 
} 

function pad(string) { 
    return string.length > 1 ? string.toUpperCase() : "0" + string.toUpperCase(); 
} 

function normalize(color) { 
    return (color < 1.0 && color > 0.0) ? Math.floor(color * 255) : color; 
} 

例子:http://jsfiddle.net/5TdXJ/2

0

HTML表示只是在RGB的十六進制represntation值

python -c 'print "%x" % (255)' # prints ff 
0

如果你搜索「轉換RGB轉換爲16進制「在谷歌你會看到一噸在線轉換器。什麼HTML(#符號字符串)是十六進制顏色表示,其中前兩個十六進制數字表示紅色,中間兩位數字表示綠色,最後兩位數字表示藍色。

4

如果您不特別需要使用十六進制值(html顏色代碼),您實際上可以使用您已有的rgb值。活生生的例子:http://jsfiddle.net/DdFg8/1/

color: rgb(0,0,0); /* black */ 

color: rgb(255,255,255); /* white */