js 实现rgb和十六进制的代码转化

十六进制转化为RGB

function set16ToRgb(str){// 十六进制颜色代码的正则表达式var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/// test() 检测str是否匹配十六进制颜色的模式if(!reg.test(str)){return;}// 把字符串中的英文字母都变为小写字母，并将#替换为空（去掉#）let newStr = (str.toLowerCase()).replace(/\#/g,'')let len = newStr.length;if(len == 3){let t = ''for(var i = 0; i < len; i++){// slice(start, end) 方法可提取字符串从start（包含） 到 end（不包含）的内容，并以新的字符串返回被提取的部分// concat() 方法用于连接两个或多个字符串// 将16进制的颜色代码为3位的补齐为6位t += newStr.slice(i,i+1).concat(newStr.slice(i,i+1))}newStr = t}let arr = []; //将字符串分隔，两个两个的分隔for(var i =0; i < 6; i = i + 2){let s = newStr.slice(i, i + 2)// parseInt() 函数可解析一个字符串，并返回一个整数// 如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。arr.push(parseInt("0x" + s))}// 字符串拼接为rgb格式的颜色代码return 'rgb(' + arr.join(",")  + ')';
}
//调用方法
set16ToRgb("#2be");

RGB转化为十六进制

function setRgbTo16(str){let reg = /^(rgb|RGB)/;if(!reg.test(str)){return;}// 将str中的数字提取出来放进数组中var arr = str.slice(4, str.length-1).split(",");let c = '#';for(var i = 0; i < arr.length; i++){// Number() 函数把对象的值转换为数字// toString(16) 将数字转换为十六进制的字符表示var t = Number(arr[i]).toString(16);//如果小于16，需要补0操作,否则只有5位数if(Number(arr[i]) < 16){t = '0' + t;}c += t;}return c;
}
setRgbTo16("rgb(13,0,233)");

js 实现rgb和十六进制的代码转化相关推荐

js中RGB与十六进制颜色转换
一.关于颜色的表示颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法在CSS中,我们也经常与 ...
如何使用.NET从十六进制颜色代码中获取颜色？
如何从十六进制颜色代码(例如#FFDFD991 )中获得颜色? 我正在读取文件,并且正在获取十六进制颜色代码. 我需要为十六进制颜色代码创建相应的System.Windows.Media.Color实 ...
js 中RGB十六进制码补色算法及实现 by shawl.qiu
js 中RGB十六进制码补色算法及实现 by shawl.qiu 说明: 首先要明白, 什么是 RGB, RGB 分别是Red, Green, Blue 的英文缩写. 希望更深入了解请查阅相关资 ...
php中RGB转十六进制、十六进制转RGB
php中RGB转十六进制.十六进制转RGB 在js调色器中,不同的浏览器获取到的颜色值会不一样,比如ie是十六进制:#FF00FF,而火狐和谷歌浏览器中:rgb(255,255,255). 1 2 3 ...
php rgb,php中RGB转十六进制、十六进制转RGB
php中RGB转十六进制.十六进制转RGB 在js调色器中,不同的浏览器获取到的颜色值会不一样,比如ie是十六进制:#FF00FF,而火狐和谷歌浏览器中:rgb(255,255,255).<?p ...
网上流行护眼色的RGB值和颜色代码
网上流行护眼色的RGB值和颜色代码绿豆沙色能有效的减轻长时间用电脑的用眼疲劳! 色调:85,饱和度:123,亮度:205: RGB颜色红:199,绿:237,蓝:204: 十六进制颜色:#C7EDC ...
AST(抽象语法树)实战入门：js逆向中滑块加密if语句转化
概述:AST 抽象语法树实战入门案例 js逆向 js滑块 js加密极验瑞数阿里滑块 5秒盾引言: AST算得上是高端技能.如果把爬虫技能分为初中高三个阶段的话.常规的JS逆向找找参数, ...
JavaScript 语法树与代码转化实践
JavaScript 语法树与代码转化实践归纳于笔者的现代 JavaScript 开发:语法基础与实践技巧系列文章中.本文引用的参考资料声明于 JavaScript 学习与实践资料索引中,特别需要声 ...
快速获取颜色的RGB或十六进制码（取色技巧）
<取色技巧> 在日常的工作中,总有一些报表.图表的配色方案是值得我们参考的,但是因为没有颜色抓取工具导致大家没办法把配色给取下来.下面介绍一下大家平时可以怎么抓取颜色,快速获取颜色的RGB ...

js 实现rgb和十六进制的代码转化

十六进制转化为RGB

RGB转化为十六进制

js 实现rgb和十六进制的代码转化相关推荐

最新文章

热门文章