rgba颜色转换为十六进制

RGBA颜色转HEX

转换步骤:

  1. 先将r、g、b分别转换为十六进制,比如 r、g、b分别为 255,则转换后得到的为 FF、FF、FF
  2. 将a 乘以 255,然后获得的积的整数部分转换为十六进制,如 a 为 0.4,乘以255后得到的积为102,102 转换为十六进制就是66
  3. 将上两步得到的数拼成字符串就是HEX颜色了。如 rgba(255,255,255,0.4) 转换得到HEX为 #FFFFFF66


chatGPT给出的转换代码

function rgbaToHex(r, g, b, a) {
  r = Math.round(r);
  g = Math.round(g);
  b = Math.round(b);
  a = Math.round(a * 255);
  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + a.toString(16).toUpperCase().padStart(2, '0');
}

posted @ 2023-03-08 09:43  echo_lovely  阅读(5910)  评论(0编辑  收藏  举报