JS如何將顏色的10進位轉換成rgba格式詳細教學

這篇文章主要介紹了JS實現顏色的10進制轉化成rgba格式的方法,涉及javascript針對顏色數值轉換的相關運算操作技巧,需要的朋友可以參考下

本文實例講述了JS實現顏色的10進位轉換成rgba格式的方法。分享給大家供大家參考，具體如下：

當我們在已知一個整數如（0~256x256x256x256 之間的顏色值），想得到關於它的3原色加一個透明度時，即alpha, red, green, blue，可採用以下方法：

方法一：

#

function getColor(number) {
  let color = number;
  const blue = parseInt(color % 0x100, 10);
  color = color >>> 8;
  const green = parseInt(color % 0x100, 10);
  color = color >>> 8;
  const red = parseInt(color % 0x100, 10);
  const alpha = (parseInt(color >>> 8, 10) / 0xFF).toFixed(1);
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
}

方法二：

function getColor(number) {
  const alpha = number >> 24 & 0xff;
  const red = number >> 16 & 0xff;
  const green = number >> 8 & 0xff;
  const blue = number & 0xff;
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;
}

以上是JS如何將顏色的10進位轉換成rgba格式詳細教學的詳細內容。更多資訊請關注PHP中文網其他相關文章！