十六进制颜色和RGB互转

2019独角兽企业重金招聘Python工程师标准>>>

//颜色互转
//十六进制颜色值域RGB格式颜色值之间的相互转换//-------------------------------------
//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
/* RGB颜色转换为16进制 */
String.prototype.colorHex = function(){var that = this;if(/^(rgb|RGB)/.test(that)){var aColor = that.replace(/(?:\(|\)|rgb|RGB)*/g,"").split(",");var strHex = "#";for(var i=0; i<aColor.length; i++){var hex = Number(aColor[i]).toString(16);if(hex === "0"){hex += hex;}strHex += hex;}if(strHex.length !== 7){strHex = that;}return strHex;}else if(reg.test(that)){var aNum = that.replace(/#/,"").split("");if(aNum.length === 6){return that;}else if(aNum.length === 3){var numHex = "#";for(var i=0; i<aNum.length; i+=1){numHex += (aNum[i]+aNum[i]);}return numHex;}}else{return that;}
};// -------------------------------------------------/* 16进制颜色转为RGB格式 */
String.prototype.colorRgb = function(){var sColor = this.toLowerCase();if(sColor && reg.test(sColor)){if(sColor.length === 4){var sColorNew = "#";for(var i=1; i<4; i+=1){sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));}sColor = sColorNew;}// 处理六位的颜色值var sColorChange = [];for(var i=1; i<7; i+=2){sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));}return "RGB(" + sColorChange.join(",") + ")";}else{return sColor;}
};

调用上述函数的方法如下：

假如lickColor为RGB值域，可通过一下调用转为十六进制颜色域

linkColor = linkColor.colorHex();

假如lickColor为十六进制颜色域，可通过一下调用转为RGB值域

linkColor = linkColor.colorRgb();

转载于:https://my.oschina.net/guopengfei/blog/523646

十六进制颜色和RGB互转相关推荐

JavaScript随机生成颜色以及十六进制颜色与RGB颜色值的相互转换
/*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...
十六进制颜色值域RGB格式颜色值之间的相互转换
2019独角兽企业重金招聘Python工程师标准>>> //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; ...
用java实现十六进制代码与RGB互转的颜色转换器
最近在学java,学完基础不知道做点什么好,心血来潮想写个小工具,某天突然发现十六进制转RGB很麻烦,网上一搜工具不是很多,大多都是在线转换,要是某天没网了怎么办呢??我想可能太简单了吧,大家都不愿意 ...
IOS，十六进制颜色和RGB颜色的宏定义
2019独角兽企业重金招聘Python工程师标准>>> 16进制颜色值宏定义. //调用NSString *str = model.Color; NSString *strColor ...
JS十六进制颜色（#fff）与RGB, HSL颜色的相互转换（实用、赞）
原文出处:https://www.haorooms.com/post/color_rgb_transform 延伸阅读:用js生成全色系调色盘的算法前言今天做了这个需求,就是前端支持rgba设置, ...
js中RGB与十六进制颜色转换
一.关于颜色的表示颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法在CSS中,我们也经常与 ...
RGB颜色转换十六进制颜色
RGB颜色转换为十六进制颜色: 十六进制颜色转换为RGB颜色: 十六进制颜色查询颜色英文代码形象描述十六进制 RGB LightPink 浅粉红 #FFB6C1 25 ...
在线RGB和HEX十六进制颜色互转工具
在线RGB和HEX十六进制颜色互转工具在线RGB和HEX十六进制颜色互转工具本工具支持在线RGB和十六进制颜色互转,请直接修改左边的RGB值,对应的十六进制颜色值会自动改变,或者修改16进制值,R ...
JS 处理十六进制颜色渐变算法-输入颜色，输出渐变rgb数组
html颜色有几种表示方式: 英文单词颜色值:background-color:Blue: 十六进制颜色值:background-color:#FFFFFF: RGB颜色值三元数字:backgrou ...

十六进制颜色和RGB互转

十六进制颜色和RGB互转相关推荐

最新文章

热门文章