转换颜色值rgb格式为#xxx格式

最新推荐文章于 2024-12-06 23:28:12 发布

原创最新推荐文章于 2024-12-06 23:28:12 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种将通过jQuery获取的rgba颜色值转换为更易于处理的#XXX格式的方法。利用正则表达式匹配并解析rgba字符串，再通过转换函数实现格式转变。

通过jQuery的CSS获取的颜色值为rgba形式的值，需要转换成#XXX形式方便控制。

var color = $(".chineseText").css("color");
color = rgb2hex(color);
/*转换颜色值rgb格式为#xxx格式*/
function rgb2hex(rgb) {
   rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   function hex(x) {
      return ("0" + parseInt(x).toString(16)).slice(-2);
   }
   return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
}