手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript实现十六进制颜色值(HEX)和RGB格式相互转换
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
摘要:在日常开发中,经常会用到不同格式的颜色域值之间的相互转换,以下给出一种解决方法。复制代码代码如下://十六进制颜色值的正则表达式varreg...

在日常开发中,经常会用到不同格式的颜色域值之间的相互转换,以下给出一种解决方法。

复制代码 代码如下:

//十六进制颜色值的正则表达式

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).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+aNum);

}

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;

}};

使用颜色转换方法:

复制代码 代码如下:

ar sRgb = "RGB(23, 245, 56)" , sHex = "#34538b";

var sHexColor = sRgb.colorHex();

var sRgbColor = sHex.colorRgb();

【javascript实现十六进制颜色值(HEX)和RGB格式相互转换】相关文章:

JavaScript实现简单的数字倒计时

javascript实现图片跟随鼠标移动效果的方法

javascript实现仿腾讯游戏选择

基于JavaScript实现动态添加删除表格的行

Javascript客户端脚本的设计和应用

javascript实现可全选、反选及删除表格的方法

javascript实现Table间隔色以及选择高亮的方法

javascript实时显示当天日期的方法

javascript实现可拖动变色并关闭层窗口实例

Javascript动态创建表格及删除行列的方法

精品推荐
分类导航