16进制hex转rgba

/**

* 16进制转rgba

* @param hex 16进制颜色

* @param opacity 透明度

* @param output 输出模式,默认string,obj为返回对象结构

* */


const hexToRgba = (hex, opacity, output="string") => {let red = parseInt("0x" + hex.slice(1, 3));let green = parseInt("0x" + hex.slice(3, 5));let blue = parseInt("0x" + hex.slice(5, 7));if (output === "string") {return `rgba(${red},${green},${blue},${opacity})`} else {return { red, green, blue, alpha: opacity * 255 }}
};

/**

* 16进制转rgba

* */

let testColor = "rgb(20, 20, 20)";
const rgbToHex = (color) => {let arr = color.split(',');let r = +arr[0].split('(')[1];let g = +arr[1];let b = +arr[2].split(')')[0];let value = (1 << 24) + r * (1 << 16) + g * (1 << 8) + b;value = value.toString(16);return '#' + value.slice(1);
};

utils 16进制HEX 与 rgba互转相关推荐

  1. hexde php_怎样在PHP中把16进制HEX数据转换为2进制数据呢?

    展开全部 十六进制62616964757a686964616fe78988e69d8331333337623531转为二进制有两种理解方法,第一是十六进制字符串转二进制字符串,第二是十六进制数转二进制 ...

  2. 字符串10进制、16进制、ASSIC的互转

    1. 动态的10进制字符串转16进制ASSIC #include <stdio.h> #include <string.h> #include <malloc.h> ...

  3. rgb 与 #开头16进制 HEX颜色值关系转换,颜色值透明度的百分数对应十六进制表

    1.0x开头与#开头 从计算机的数值表示上讲,0x开头的其实并不是所谓颜色代码的表示方法,而是16进制数的标准写法,譬如0xA就是十进制的10.而**#开头**的六(或三)位十六进制数是在设计领域(如 ...

  4. Swift 16进制字符串与UIColor互转

    今天在写项目的时候遇到这么个问题,需要将UIColor转成16进制字符串,然后写入沙盒进行本地缓存,于是一番操作下,给UIColor加了两个扩展. 第一个convenience init方法并不陌生, ...

  5. JAVA里16进制和字节数组互转

    大括号理的就是一个byte类型的数组,里面是3个byte类型那个的数 public static String stringToHexString(String strPart) { String h ...

  6. 16进制String和int互转

    2019独角兽企业重金招聘Python工程师标准>>> +(unsigned long)getIntFromHexString:(NSString *) str{//先以16为参数告 ...

  7. 16进制和ASCII字符互转

    C语言中,字符和其ASCII码是等价的,比如'A'这个字符和单字节整数65是等价的.  比如char c='A';int a=c;的话,a就是65 //函 数 名:CharToHex()  //功能描 ...

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

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

  9. js处理16进制hex转str出现的中文乱码问题

    昨天從FB下載了一份包含所有對話紀錄的JSON檔,但裡面的中文字編碼有問題,通通變成下面這個樣子 "\u00e7\u0094\u009f\u00e6\u0097\u00a5" 本來 ...

  10. 16进制到ASC 的互转

    <span style="font-size:24px;">//length hex的长度 asc大小是hex的两倍 //入参hex, 出参 asc,length sh ...

最新文章

  1. 大智慧825 自选股 导出_互联网技术更新智慧党校迎来发展契机-威尔 WEDS-BP31_济南考勤机行情...
  2. 【NLP】simhash判断文档相似度
  3. xhtml文件的后缀名是什么?
  4. @你最强资源包来了 MobTech 联合 LiveVideoStack 发起劳动光荣榜
  5. gulp学习笔记,基本使用流程,基本函数,使用监听、插件
  6. java零碎要点---class()、getClass()、Class.forName()、getClassLoader()的区别和联系--又不详细的地方求补充
  7. 寒冬下,掉队的金立、联想、魅族们还能赶上5G班车吗?
  8. Mac备份工具:Carbon Copy Cloner Mac支持m1
  9. oracle 2的次方,Oracle第二次课 - osc_qyg23ccq的个人空间 - OSCHINA - 中文开源技术交流社区...
  10. 如何安装固态硬盘和重装系统???
  11. 9门主流编程语言---详细对比
  12. 当年校招时,我就死在这个问题上...
  13. 弄清USART串口的使能位(UE、TCIE、RXNEIE)和标志位(TC、RXNE)
  14. 利用Redis的Geo功能实现查找附近的位置!
  15. android手机密码忘了哪个电话打开,安卓手机锁屏密码忘了怎么办 解决锁屏密码六种方法介绍...
  16. JSElectron使用speechSynthesis进行语音合成
  17. php本地浏览器调试,php浏览器端调试输出方法
  18. 问题 J: [入门OJ]求和 为 C(初中生请多多指教)
  19. 3DMAX入门需要什么基础?中英文版本?
  20. WiFi监控摄像机软件有哪些

热门文章

  1. wps android版本下载,wps文档app下载-wps文档 安卓版v2.7.6-PC6安卓网
  2. 资深解毒:盖码饭和盖浇饭的区别是什么?
  3. JavaMD5加密MD5Utils工具类
  4. vue中实现页面全屏和指定元素全屏
  5. 学习JSON的神级网站www.bejson.com
  6. 【简单】基于springboot的学生在线考试系统【老师、学生、管理员】
  7. mac音频剪辑合并软件哪款比较好用,求推荐
  8. xiaomi手机因小米账户密码遗失而无法激活手机的解决方案
  9. 韦东山嵌入式Linux第一期视频-韦东山-专题视频课程
  10. 老男孩linux运维50期-谢江平