转一个js rgb颜色转16进制格式的代码

bamuai7645

于 2013-04-08 21:14:00 发布

阅读量85

点赞数

原文链接：http://www.cnblogs.com/vaal-water/archive/2013/04/08/3008880.html

版权

本文介绍了一种高效的方法，用于将RGB颜色值转换为十六进制格式，适用于不同浏览器间的颜色值兼容性问题。提供了两种实现方式，一种使用字符串操作，另一种使用位运算，以确保在IE和其他现代浏览器中颜色的一致性。

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

今天半个苹果同学要处理getComputedStyle的颜色值，IE下返回的是#FF000这样了现代浏览器返回的是rgb(255,0,0) 需要做下转换，我正写着代码他又发我一个url 就是下面这个，是我见过最好的转换代码了特此记录

原文:http://fayaa.com/code/view/200/

function zero_fill_hex(num, digits) {
  var s = num.toString(16);
  while (s.length < digits)
    s = "0" + s;
  return s;
}


function rgb2hex(rgb) {

  if (rgb.charAt(0) == '#')
    return rgb;
 
  var ds = rgb.split(/\D+/);
  var decimal = Number(ds[1]) * 65536 + Number(ds[2]) * 256 + Number(ds[3]);
  return "#" + zero_fill_hex(decimal, 6);
}

补充冰青峰同学给了个位运算版本的

function rgbToHex(r, g, b) { return ((r << 16) | (g << 8) | b).toString(16); }

转载于:https://www.cnblogs.com/vaal-water/archive/2013/04/08/3008880.html