16进制颜色转RGB颜色
/*** 16进制颜色转rgb颜色* @param {string} val 16进制颜色值* @param {number} opa 不透明度,取值0~1* @return {string} 转换后的rgb或rgba颜色值字符串*/function colorToRGB(val, opa) {const pattern = /^(#?)[a-fA-F0-9]{6}$/; //16进制颜色值校验规则const flag = typeof opa == 'number'; //判断是否有设置不透明度if (!pattern.test(val)) { //如果值不符合规则返回空字符return '';}let v = val.replace(/#/, ''); //如果有#号先去除#号let rgbArr = [];let rgbStr = '';for (let i=0; i<3; i++) {let item = v.substring(i*2, i*2+2);let num = parseInt(item, 16);rgbArr.push(num);} rgbStr = rgbArr.join();rgbStr = 'rgb' + (flag ? 'a': '') + '(' + rgbStr + (flag ? ',' + opa : '')+ ')';return rgbStr;
}/* 使用示例 */
const color1 = colorToRGB('#8C13FF');
const color2 = colorToRGB('#8C13FF', .8);console.log(color1,color2);
//rgb(140,19,255)
//rgba(140,19,255,0.8)
16进制颜色转RGB颜色相关推荐
- html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法
本文实例讲述了JavaScript实现16进制颜色值转RGB的方法.分享给大家供大家参考.具体实现方法如下: 16进制颜色值转RGB *{margin:0;padding:0;font-family: ...
- 把16进制值转换成颜色颜色16进制值表 .
string str="#990033"; Color color = ColorTranslator.FromHtml(str); 即可 颜色16进制值 标签: 颜色代码表:以下 ...
- 把16进制值转换成颜色颜色16进制值表
string str="#990033"; Color color = ColorTranslator.FromHtml(str); 即可 颜色16进制值 标签: 颜色代码表:以下 ...
- 【VB6|第17期】16进制颜色值与RGB值互相转换(含源码)
日期:2023年3月28日 作者:Commas 签名:(ง •_•)ง 积跬步以致千里,积小流以成江海-- 注释:如果您觉得有所帮助,帮忙点个赞,也可以关注我,我们一起成长:如果有不对的地方,还望各位 ...
- oc 颜色转换 16进制 转换成RGB
OC 颜色使用基本都是RGB的,我们通常还习惯使用16进制表示颜色,但是OC没有直接可以使用的方法,通常使用工具类来转换一下: #define DEFAULT_VOID_COLOR [UIColor ...
- 16进制颜色值转RGB颜色值
常规项目: # 16进制颜色格式颜色转换为RGB格式 def hex_to_rgb(hex):r = int(hex[1:3],16)g = int(hex[3:5],16)b = int(hex[5 ...
- 16进制颜色值 与 rgb颜色值转换
16进制颜色 转换成 rgb hex2rgb(hexColor) {hexColor = hexColor.substring(1)hexColor = hexColor.toLowerCase()l ...
- 代码,绘画,设计常用的颜色名称-16进制HEX编码-RGB编码 对照一览表
排列方式,英文名称的字典序 颜色名 HEX16进制编码 RGB编码 AliceBlue F0F8FF 240,248,255 AntiqueWhite FAEBD7 250,235,215 Aqua ...
- 16进制的 RBG值 颜色 转换
可以定义到头文件里. // 根据16位RBG值转换成颜色,格式:KLColorFrom16RGB(0xFF0000) #define KLColorFrom16RGB(rgbValue) [UICol ...
- rgb与16进制颜色是如何相互转换的?
在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...
最新文章
- c语言le后能跟变量吗,【C语言】C语言常量和变量
- ICML2021 | 自提升策略规划真实且可执行的分子逆合成路线
- freemarker 展示数据列表并传值给后台
- WebService 学习之路(一):了解并使用webService
- HIVE时间戳错误unix_timestamp时间不同环境相差8小时
- 使用三目运算嵌套方法 或 临时变量方法: 获取三个整数中最大值的数
- 使用composer_在Google Cloud Composer(Airflow)上使用Selenium搜寻网页
- git 忽略 部分文件夹_git设置忽略文件和目录
- 三年Java开发,尚学堂java马士兵全套
- HDC.Cloud2021|开发者们都在谈的云原生到底长什么样?
- oracle em界面监控出来的奇怪图像_监控工程常见的5大难题,项目中都会遇到
- python中日期和时间格式化输出的方法
- 数学建模——层次分析法
- 东南大学 软件工程 复试3门科目历年真题 思维导图整理(软件工程/数据库/计算机网络)
- Specification of Time Synchronization over CAN 研读笔记
- 什么是云渲染?云渲染应用场景有哪些?
- C#调用Qt写的dll,并处理异常来自 HRESULT:0x8007000B
- Codeforces Round #362 (Div. 2) B 模拟
- 点石成金:“硅业报国”不仅是理念
- 从“青铜”到“王者”,企业数字化上分三大秘诀收好了