• 写了一个函数,可以把hex格式的颜色转为rgba的格式
  • 实际上不是颜色转换,主要是slice()函数的使用吧,当成字符串理解就好。
function change(hex) {if (hex.length < 9 || hex[0] != '#') return hexlet r = parseInt(hex.slice(1, 3), 16)let g = parseInt(hex.slice(3, 5), 16)let b = parseInt(hex.slice(5, 7), 16)let a = parseInt(hex.slice(7, 9), 16)let res = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')'return res
}
let rgba = change('#ffffff00')
console.log(rgba)

运行结果:

[JS] HEX颜色转换成RGBA相关推荐

  1. js实现颜色转换hex转rgba

    js实现颜色转换 一.hex转rgba const hex2Rgba = (bgColor, alpha = 1) => {let color = bgColor.slice(1); // 去掉 ...

  2. js中将字符串转换成json的三种方式

    ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐 ...

  3. js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳

    js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳 热心网友  2018-11-18 js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将 ...

  4. js将阿拉伯数字转换成中文的大写数字

    js将阿拉伯数字转换成中文的大写数字 export const numberToChinese = (num) => {var AA = new Array("零", &qu ...

  5. js将数字转换成万、亿、万亿

    // js将数字转换成万.亿.万亿 export const numberFormat = (value)=> {var param = {};var k = 10000,sizes = ['' ...

  6. 史上最强的YUV转换RenderScript,支持转换成RGBA,BGRA,并且同时支持旋转,翻转,YUV数据格式支持NV21, YV12, YUV420_888, 分别对应Android Camer

    个人觉得libyuv性能更好,建议使用libyuv,地址:https://www.raoyunsoft.com/wordpress/index.php/2020/05/25/androidlibyuv ...

  7. 用原生js把数字转换成货币人民币表示带逗号表示方法

    用原生js把数字转换成货币人民币表示带逗号表示方法 function rmb(str){let strArr = String( parseFloat(str).toFixed(2) ).split( ...

  8. js将秒转换成几天几小时几分几秒,每秒刷新

    //js将秒转换成几天几小时几分几秒function getDuration(second) {var days = Math.floor(second / 86400);var hours = Ma ...

  9. 如何用js将日期转换成时间戳

    一.日期转换成时间戳 js字符串转化成时间戳可以使用自带函数Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是yyyy-MM-d ...

最新文章

  1. 学习搭建Hadoop+HBase+ZooKeeper分布式集群环境
  2. jQuery中deferred对象的使用(二)
  3. Java中如何引用另一个类里的集合_【18期】Java序列化与反序列化三连问:是什么?为什么要?如何做?...
  4. Assigning to Classes CodeForces - 1300B
  5. jQuery --- 简单操作合集
  6. 支持向量机的基本思想_支持向量机的分类思想
  7. 百度关键词抓取工具_阿里巴巴国际站运营关键词抓取工具
  8. 微软发布首个 Chromium Edge stable 预览版
  9. LeetCode 5352. 生成每种字符都是奇数个的字符串
  10. 中国内部物流输送系统市场趋势报告、技术动态创新及市场预测
  11. 转-流框架中DOMContentLoaded事件的实现
  12. 超全面的后端开发C/C++面经整理分享含详细参考答案 包括简历分享
  13. 赛前练习(百度之星资格赛及初赛真题+Codeforces(div2级别))
  14. PhotoShop一键修改4的倍数图片工具
  15. 谷歌地图-Google Map
  16. 深入理解二叉搜索树(BST)
  17. 【云栖大会】国家天文台结盟阿里云:计算100亿光年的数字宇宙
  18. 公众无线局域网体系结构和运营模式
  19. 小米5android p,久违的刷机 小米MIX Android P DP5 上手体验
  20. photoshop基础知识大全

热门文章

  1. 基于Golang的CLI 命令行程序开发
  2. 【Datawhale-Python】Task1
  3. 2022-2028年中国氟橡胶产业竞争现状及发展前景分析报告
  4. Docker 入门系列(7)- Dockerfile 使用(FROM、RUN、CMD、EXPOSE、ENV、ADD、COPY、ENTRYPOINT、VOLUME、WORKDIR)
  5. python内置库之学习ctypes库(一)
  6. 使用阿里云服务器安装docker,并用nginx示例
  7. cuda安装教cudnn安装显卡问题
  8. 存在量词后必须用合取式?-数学
  9. LeetCode简单题之最长特殊序列 Ⅰ
  10. LeetCode简单题之按键持续时间最长的键