博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
获取颜色值转换为十六进制
阅读量:6149 次
发布时间:2019-06-21

本文共 1162 字,大约阅读时间需要 3 分钟。

hot3.png

/**	 * [parserColor 颜色转换为十六进制]	 * @param  {[String]} value [需要转换的颜色值]	 * @return {[String]}       [返回转换后的颜色值,#0000FF形式]	 */	function parserColor(value){		var str="",		ar=[],		arri= "",		i=0,		vlen=value.length,		colorObj={			"black":"000000",			"red":"0000FF",			"blue":"FF0000",			"white":"FFFFFF",			"yellow":"FFFF00",			"orange":"FFA500"		};		//rgb(0,0,255)		if(/rgb/.test(value)){			arr = value.match(/\d+/g);			vlen = arr.length;			for(; i < vlen ; i++){				arri = parseInt(arr[i]);				//转换为十六进制				str += arri < 10 ? "0" + arri.toString(16) : arri.toString(16);			}		}else if(/^#/.test(value)){			//#00f			if(vlen == 4){				str = value.replace(/[A-Za-z0-9]/g,"$&$&");			}else if(vlen == 7){				//#FF0000				str = value.replace(/^#([A-Za-z0-9]*)/,"$1");			}else{				str = "FFFFFF";			}		}else{			//red/orange			value = value.toLowerCase();			str = colorObj[value] ? colorObj[value] : "FFFFFF";//不匹配默认为白色		}		return "#" + str.toUpperCase();	}
三、实例:

console.log(parserColor("white"));//#FFFFFFF	console.log(parserColor("#00f"));//#0000FF	console.log(parserColor("rgb(0,0,255)"));//#0000FF

转载请尊重原创,注明出处,本页地址,谢谢!

转载于:https://my.oschina.net/u/1427708/blog/710647

你可能感兴趣的文章
oracle 10g 如何用srvctl 添加数据库资源到cluster中
查看>>
[20150629]简单的加密连接.txt
查看>>
关于exp/imp的总结学习
查看>>
MyBatis 向Sql语句中动态传参数&#183;动态SQL拼接
查看>>
java性能优化方案——使用entrySet()
查看>>
[20150904]exp slow.txt
查看>>
“重定向次数过多”或者“Too many automatic redirections were attempted”的错误:
查看>>
js 时间戳转为日期格式
查看>>
WordPress with LEMP on Alibaba Cloud – Part 3 Configuring a Domain and Let's Encrypt SSL
查看>>
Maven 版 JPA 最佳实践(转)
查看>>
Swagger简介
查看>>
【元气云妹】短信服务
查看>>
linux命令之uptime
查看>>
Kafka源码分析之Sender
查看>>
MySQL master-slave主从复制环境搭建初试
查看>>
Intellij idea断点 Debugger slow: Method breakpoints my dramatically slow down debugging
查看>>
《微信公众平台开发》图书介绍
查看>>
leetcode 155 Min Stack
查看>>
Jedox Cloud安全可升级自助式商业情报
查看>>
性能与性价比的平衡,阿里云第二代入门级实例T5详解
查看>>