/*** 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颜色相关推荐

  1. html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法

    本文实例讲述了JavaScript实现16进制颜色值转RGB的方法.分享给大家供大家参考.具体实现方法如下: 16进制颜色值转RGB *{margin:0;padding:0;font-family: ...

  2. 把16进制值转换成颜色颜色16进制值表 .

    string str="#990033"; Color color = ColorTranslator.FromHtml(str); 即可 颜色16进制值 标签: 颜色代码表:以下 ...

  3. 把16进制值转换成颜色颜色16进制值表

    string str="#990033"; Color color = ColorTranslator.FromHtml(str); 即可 颜色16进制值 标签: 颜色代码表:以下 ...

  4. 【VB6|第17期】16进制颜色值与RGB值互相转换(含源码)

    日期:2023年3月28日 作者:Commas 签名:(ง •_•)ง 积跬步以致千里,积小流以成江海-- 注释:如果您觉得有所帮助,帮忙点个赞,也可以关注我,我们一起成长:如果有不对的地方,还望各位 ...

  5. oc 颜色转换 16进制 转换成RGB

    OC 颜色使用基本都是RGB的,我们通常还习惯使用16进制表示颜色,但是OC没有直接可以使用的方法,通常使用工具类来转换一下: #define DEFAULT_VOID_COLOR [UIColor ...

  6. 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 ...

  7. 16进制颜色值 与 rgb颜色值转换

    16进制颜色 转换成 rgb hex2rgb(hexColor) {hexColor = hexColor.substring(1)hexColor = hexColor.toLowerCase()l ...

  8. 代码,绘画,设计常用的颜色名称-16进制HEX编码-RGB编码 对照一览表

    排列方式,英文名称的字典序 颜色名 HEX16进制编码 RGB编码 AliceBlue F0F8FF 240,248,255 AntiqueWhite FAEBD7 250,235,215 Aqua ...

  9. 16进制的 RBG值 颜色 转换

    可以定义到头文件里. // 根据16位RBG值转换成颜色,格式:KLColorFrom16RGB(0xFF0000) #define KLColorFrom16RGB(rgbValue) [UICol ...

  10. rgb与16进制颜色是如何相互转换的?

    在css中定义颜色可以使用rgb颜色值,例:rgb(182, 0, 35):也可以使用16进制颜色值,例:#B60023.不管是rgb(182, 0, 35),还是#B60023都表示了同一种颜色,其 ...

最新文章

  1. c语言le后能跟变量吗,【C语言】C语言常量和变量
  2. ICML2021 | 自提升策略规划真实且可执行的分子逆合成路线
  3. freemarker 展示数据列表并传值给后台
  4. WebService 学习之路(一):了解并使用webService
  5. HIVE时间戳错误unix_timestamp时间不同环境相差8小时
  6. 使用三目运算嵌套方法 或 临时变量方法: 获取三个整数中最大值的数
  7. 使用composer_在Google Cloud Composer(Airflow)上使用Selenium搜寻网页
  8. git 忽略 部分文件夹_git设置忽略文件和目录
  9. 三年Java开发,尚学堂java马士兵全套
  10. HDC.Cloud2021|开发者们都在谈的云原生到底长什么样?
  11. oracle em界面监控出来的奇怪图像_监控工程常见的5大难题,项目中都会遇到
  12. python中日期和时间格式化输出的方法
  13. 数学建模——层次分析法
  14. 东南大学 软件工程 复试3门科目历年真题 思维导图整理(软件工程/数据库/计算机网络)
  15. Specification of Time Synchronization over CAN 研读笔记
  16. 什么是云渲染?云渲染应用场景有哪些?
  17. C#调用Qt写的dll,并处理异常来自 HRESULT:0x8007000B
  18. Codeforces Round #362 (Div. 2) B 模拟
  19. 点石成金:“硅业报国”不仅是理念
  20. 从“青铜”到“王者”,企业数字化上分三大秘诀收好了

热门文章

  1. 微软安全软件_微软在GitHub上发布了一个供内部使用的Linux发行版
  2. 从《学书津梁》看五体创作思路(篆书)
  3. 微软补丁地址以及查找方式
  4. PowerBuilder 2017R3安装指南2021最新
  5. iPhoneamp;iPad DFU及恢复模式刷机、降级教程
  6. 深度学习基础知识——信息论(自信息、信息熵与马尔科夫链)
  7. PSP3000终于可以放心的关机了!
  8. 如何修改pop3服务器地址,win7如何配置pop3服务器地址
  9. 悼念著名计算机科学学者孙钟秀院士
  10. 国科大学习资料--操作系统(杨力祥)--2016年思考题(含解答)