Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 Javascript 将 rgb 颜色值转换为 16 进制值的代码

Javascript 将 rgb 颜色值转换为 16 进制值的代码

发布时间:2015-01-24   编辑:www.jquerycn.cn
本文分享下,在javascrpt中将rgb颜色值转换为16进制值的方法,提供一个自定义函数,供大家学习参考。
我们知道,不同的浏览器在获取 css 颜色属性时,返回的结果不尽相同。
比如会有 #FFF, #ffffff 和 rgb(255,255,255) 等多种格式。
以下这个函数,提供了一种将rgb颜色值转换为16进制值的方法。
代码:
<script> //颜色值转换 //rgb颜色值 --> 16进制值 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]); } </script>
此方法可以将 rgb 颜色值转换为 16 进制,需要大写颜色值的话使用 toUpperCase() 方法即可。
另外,提供符合 rgb(0,0,0) rgba(0,0,0,0) 格式的正则表达式一枚。
/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([.\d]+))?\)$/

您可能感兴趣的文章:
Javascript 将 rgb 颜色值转换为 16 进制值的代码
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
jQuery获取样式中的背景颜色属性值/颜色值
js获取网页背景色与字体色的方法
jQuery 使用手册(二)
JQuery获取样式中的background-color颜色值的问题
jQuery 使用手册(一)
jQuery 使用手册(四)
jQuery 使用手册(七)
jQuery密码输入体验 Chroma-Hash

[关闭]