js 将color值rgb转化为16进制

最新推荐文章于 2024-08-14 15:33:51 发布

宅男小何

最新推荐文章于 2024-08-14 15:33:51 发布

阅读量5.2k

点赞数

分类专栏： javascript 文章标签： hex 正则表达式 javascript function c null

本文链接：https://blog.youkuaiyun.com/lazy_p/article/details/6316328

版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个实用的JavaScript函数，该函数可以将RGB格式的颜色值转换为十六进制格式，便于网页开发中颜色值的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript通过dom获得backgroundColor等style的颜色值时得到的是一个rgb格式的值，如rgb(12,12,12).
下面是我写的一个转换函数：

function RGBToHex(rgb){
   var regexp = /^rgb/(([0-9]{0,3})/,/s([0-9]{0,3})/,/s([0-9]{0,3})/)/g;
   var re = rgb.replace(regexp, "$1 $2 $3").split(" ");//利用正则表达式去掉多余的部分 
   var hexColor = "#"; var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F']; 
   for (var i = 0; i < 3; i++) { 
        var r = null; var c = re[i];
        var hexAr = []; 
        while (c > 16) { 
              r = c % 16; 
              c = (c / 16) >> 0;
              hexAr.push(hex[r]); 
         } hexAr.push(hex[c]); 
       hexColor += hexAr.reverse().join('');
    } 
   //alert(hexColor) 
   return hexColor; 
}