十六进制颜色值域RGB格式颜色值之间的相互转换
2019独角兽企业重金招聘Python工程师标准>>>
//十六进制颜色值的正则表达式
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();
其中colorHex()表示转换为十六进制方法,colorRgb()表示转为RGB颜色值的方法
转载于:https://my.oschina.net/kangweb/blog/1635419
十六进制颜色值域RGB格式颜色值之间的相互转换相关推荐
- 十六进制颜色和RGB互转
2019独角兽企业重金招聘Python工程师标准>>> dd //颜色互转 //十六进制颜色值域RGB格式颜色值之间的相互转换//-------------------------- ...
- JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换
/*** 随机生成颜色* @return 随机生成的十六进制颜色 */function randomColor(){var colorStr=Math.floor(Math.random()*0xFF ...
- 使用C++实现YUV格式图像与RGB格式图像之间相互转换
使用C++实现YUV格式图像与RGB格式图像之间相互转换 一.RGB与YUV转换公式 1.RGB转YUV 1)RGB转换亮度与色差信号公试: 2)归一化为YUV的转化公试为: 2.YUV转RGB 二. ...
- 随机颜色十六进制(#ffffff)或rgb格式
// 定义一个随机颜色的函数 function getRandomColor(flag = true) { // 如果是true就传递 #ffffff格式,否则传rgb格式 if (flag) { l ...
- 生成随机数、随机颜色(rgb格式)
封装生成随机数的函数,封装生成随机颜色的函数(rgb的格式) // 获取min-max之间的随机数 [min,max] 闭区间 Math.floor(Math.random() * (max - mi ...
- IOS,十六进制颜色和RGB颜色的宏定义
2019独角兽企业重金招聘Python工程师标准>>> 16进制颜色值宏定义. //调用NSString *str = model.Color; NSString *strColor ...
- python中颜色_Python中十六进制颜色的字符串格式
我修改了 PHP中的函数以返回颜色渐变(http://www.herethere.net/~samson/php/color_gradient/color_gradient_generator.php ...
- asii和unicode格式字符串之间的相互转换
vs2010做MFC时碰到,当时符串经常要用_T()宏转换一下,但是如果不过不是常量字符串用_T()也没招了:可以更改其设置让其使用多字符集既可以不用把ascii和unicode之间转换了,更改设置的 ...
- js中RGB与十六进制颜色转换
一.关于颜色的表示 颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法 在CSS中,我们也经常与 ...
最新文章
- 攻读计算机视觉和机器学习硕士给我带来了什么?
- 计算机组成原理CRC相关运算,计算机组成原理复习
- 如何使用matlab得出pid控制参数值,基于MATLAB的PID控制器参数整定及仿真
- 160 - 52 egis.1
- java.util.zip.zipexception_android-如何解决java.util.zip.ZipException?
- 如何向Word中插入代码块
- html中使用过渡不显示,CSS3过渡不适用于显示属性
- 参加集成电路EDA设计精英挑战赛的体会
- java的decimalFormat_Java中 DecimalFormat 用法详解
- 虚拟显示器软件(win10及以上)
- figtree需要在JAVA下运行吗,科学网—Inno setup 制作安装文件以编译FigTree为例 - 张金龙的博文...
- 微信小程序关于map地图
- 使用python模块 将中文大写汉字转化成阿拉伯数字
- maya2018模型传递点序
- 超几何分布与二项分布及其期望
- Monkey详解(脚本篇---获取坐标)
- 阿里巴巴实习生负一天
- LVGL官方文档-7.11.0-14-Overview-Displays
- 常见基础注入类型-SQL注入-web安全
- 【TensorFlow基础操作笔记】图+对话+张量+变量+线性回归实例
热门文章
- 华数机器人旋转编程_用户手册-华数机器人.PDF
- 软件测试系列第一阶段:第一课 计算机基础
- 捉急:ssh vim中不小心按下ctrl+s后卡死
- 全球及中国地理信息产业应用建设发展及产值规模预测报告2021-2027
- 深圳大学超级计算机,Intel CMP活动之“超算习堂”走进深圳大学
- 卷土、玄雨入围第四届橙瓜网络文学奖十佳科幻大神,方想暂排第一
- 203. 电子编程入门到工程师--逆推原理图(电源部分)
- LC tank 在RF放大器中的作用
- tankgame网络版开发
- 2026-Keroro侵略地球