将RGB值转换为HTML颜色代码?

时间:2011-08-03 00:28:01

标签: jquery html colors

如何将RGB值转换为HTML代码?

例如,使用如下值:

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

有转换它的公式吗?

4 个答案:

答案 0 :(得分:4)

如果您不需要使用十六进制值(html颜色代码),您实际上只需使用已有的rgb值。实例:http://jsfiddle.net/DdFg8/1/

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

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

答案 1 :(得分: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

答案 2 :(得分:0)

HTML表示只是rgb值的十六进制表示

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

答案 3 :(得分:0)

如果您在Google上搜索“将RGB转换为十六进制”,您会看到大量的在线转换器。什么HTML(#符号字符串)是十六进制颜色,其中前两个十六进制数字代表红色,中间两位数代表绿色,最后两位代表蓝色。