javascript实现十六进制颜色值（HEX）和RGB格式相互转换_rgba转16进制资源-CSDN文库

75 浏览量 2021-01-19 17:07:13 上传评论收藏 26KB PDF 举报

资源详情

资源评论

资源推荐

javascript实现十六进制颜色值（实现十六进制颜色值（HEX）和）和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).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();

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

内容反馈

weixin_38663007

粉丝: 4
资源: 904

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip