JS将16进制颜色转为RGBA颜色格式

作者: 不愿透露姓名的董师傅 | 来源:发表于2023-06-11 17:38 被阅读0次

颜色格式转换工具
微信小程序：解决Android真机调试box-shadow不显示
js颜色进制之间的转换
函数将颜色转化为图片+16进制色值使用 + 渐变色生成
16进制颜色(html颜色值)
学习笔记-iOS常用宏定义
CSS颜色
css颜色
CSS合法颜色值
Swift 4 十六进制转颜色，使用颜色生成图片方法

请参考

function hexToRgba(hexColor, alpha = .5) {

  // 移除 # 号并提取颜色值
  var hex = hexColor.replace('#', '');

  // 将颜色值拆分成 R、G、B 三个部分
  var r = parseInt(hex.substring(0, 2), 16);
  var g = parseInt(hex.substring(2, 4), 16);
  var b = parseInt(hex.substring(4, 6), 16);

  // 转换为 RGBA 格式并添加透明度
  var rgba = `rgba(${r}, ${g}, ${b}, ${alpha})`

  return rgba;
}

// 示例用法
const hexColor = "#FF0000";
const rgbaColor = hexToRgba(hexColor);
console.log(rgbaColor); // 输出 "rgba(255, 0, 0, .5)"

颜色格式转换工具
ColorConverter 颜色格式转换工具 Example rgb和16进制位颜色转换 rgba和16进制位转...
微信小程序：解决Android真机调试box-shadow不显示
把16进制颜色代码修改成rgba格式即可。
js颜色进制之间的转换
十进制、十六进制、RGBA颜色值之间的相互转换 10进制转rgba rgb转16进制 16进制转10进制完整代码...
函数将颜色转化为图片+16进制色值使用 + 渐变色生成
将颜色转为图片 16进制色值使用：渐变色生成
16进制颜色(html颜色值)
基础类方法：16进制颜色(html颜色值)字符串转为UIColor
学习笔记-iOS常用宏定义
开发的时候打印，但是发布的时候不打印强/弱引用 RGB颜色 16进制->10进制 RGBA颜色获取屏幕宽度、高...
CSS颜色
颜色颜色值的常用表示方式十六进制色 RGB 颜色 RGBA 颜色 RGBA 颜色值是 RGB 颜色值的扩展，带...
css颜色
css颜色十六进制颜色 # rgb颜色红绿蓝 rgba颜色+透明 HSL 色相饱和度亮度 HSLA 颜色+...
CSS合法颜色值
总结CSS常用的六种合法颜色值分别是：十六进制颜色、RGB颜色、RGBA颜色、HSL色彩、HSLA颜色、...
Swift 4 十六进制转颜色，使用颜色生成图片方法
将16进制的颜色值转换成UIColor对象@para:hexString: 生成颜色对象的16进制字符串alpha...