javascript 十六进制与RGB颜色值的相互转换
2013-01-23 12:40
671 查看
1.加载js方法
2.调用方法
//十六进制颜色值域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; } };
2.调用方法
var sRgb = "RGB(255, 255, 255)" , sHex = "#00538b"; var sHexColor = sRgb.colorHex();//转换为十六进制方法
var sRgbColor = sHex.colorRgb();//转为RGB颜色值的方法
colorHex()表示转换为十六进制方法,
colorRgb()表示转为RGB颜色值的方法
相关文章推荐
- javascript实现十六进制颜色值(HEX)和RGB格式相互转换
- javascript 十六进制与RGB颜色值的相互转换
- JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
- javascript 十六进制与RGB颜色值的相互转换
- javascript实现十六进制颜色值(HEX)和RGB格式相互转换
- javascript 十六进制与RGB颜色值的相互转换
- javascript 十六进制与RGB颜色值的相互转换
- javascript实现 color颜色格式转换【 rgb和十六进制的转换】
- 十六进制颜色值域RGB格式颜色值之间的相互转换
- 十六进制与RGB颜色值的相互转换 , 判断一个素数 , 内联函数, 面向对象
- 内联函数函数十六进制与RGB颜色值的相互转换 , 判断一个素数 , 内联函数, 面向对象
- 十六进制颜色值域RGB格式颜色值之间的相互转换
- Rgb颜色和十六进制颜色值的相互转换
- javascript把RGB指定颜色转换成十六进制颜色(Converting R,G,B values to HTML hex notation)
- javascript把RGB指定颜色转换成十六进制颜色(Converting R,G,B values to HTML hex notation)
- JavaScript实现把rgb颜色转换成16进制颜色的方法
- RGB颜色转换十六进制颜色
- javascript实现的字符串与十六进制表示字符串相互转换方法
- JavaScript十六进制字符串和字节数组相互转换
- RGB颜色转换十六进制颜色