js中如何把RGB颜色转换为16进制颜色

Posted 花生福

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中如何把RGB颜色转换为16进制颜色相关的知识,希望对你有一定的参考价值。

将RGB颜色值转换为16进制颜色值,主要是将 R、G、B 值分别转换为对应的十六进制值,填入 #RRGGBB 中。

推荐在线颜色转换工具:http://www.ecjson.com/rgbhex/

例子:

输入:rgb(176,114,98)

输出:#B07262

 代码如下:

function colorRGBtoHex(color) {
    var rgb = color.split(\',\');
    var r = parseInt(rgb[0].split(\'(\')[1]);
    var g = parseInt(rgb[1]);
    var b = parseInt(rgb[2].split(\')\')[0]);
    var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
    return hex;
}

 

 

 

 

 

 

尊重原创:https://www.cnblogs.com/dayeecc/p/7655976.html

以上是关于js中如何把RGB颜色转换为16进制颜色的主要内容,如果未能解决你的问题,请参考以下文章

RGB 颜色代码转换

JS-011-颜色进制转换(RGB转16进制;16进制转RGB)

详细请教:关于十进制RGB颜色值转换十六进制颜色值的算法

如何将 RGB 输入转换为十进制颜色代码?

有没有把十进制颜色代码不用转换进制就能转换为红绿蓝的公式?

详细请教:关于十进制RGB颜色值转换十六进制颜色值的算法