带alpha值不透明度的十六进制颜色和rgba互相转换的函数

最新推荐文章于 2022-12-08 23:11:16 发布

辣条协会大会长

最新推荐文章于 2022-12-08 23:11:16 发布

阅读量1.3k

点赞数

分类专栏：前端记录文章标签： javascript css3 css

本文链接：https://blog.youkuaiyun.com/weixin_44606187/article/details/105361636

版权

前端记录专栏收录该内容

6 篇文章

订阅专栏

本文分享了一个实用的函数，用于在十六进制颜色代码和RGBA数组间进行转换，适用于前端开发中颜色处理的需求。文章由一位新手开发者撰写，诚邀读者提出改进建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中一直要把两种颜色互相转换，所以写了这个函数，我是新手，有不足的地方请指教。

/**十六进制颜色和rgba互相转换
 * @param color 十六进制字符串，rgba数组
 */
function colorConvert(color) {
  let a, b, c, d
  if (color[0] === "#") {
    a = parseInt(color[1] + color[2], 16)
    b = parseInt(color[3] + color[4], 16)
    c = parseInt(color[5] + color[6], 16)
    d = parseInt(color[7] + color[8], 16)
    return [a, b, c, d]
  } else {
    a = color[0].toString(16)
    b = color[1].toString(16)
    c = color[2].toString(16)
    d = color[3].toString(16)
    a = a.length === 2 ? a : '0' + a
    b = b.length === 2 ? b : '0' + b
    c = c.length === 2 ? c : '0' + c
    d = d.length === 2 ? d : '0' + d
    return '#' + a + b + c + d
  }
}