从0xRRGGBBAA中获取rgba值

Question

我知道如何从0xRRGGBB:中获取值

const hex = 0xFF0000;
const r = hex >> 16 & 255; // 255
const g = hex >> 8 & 255; // 0
const b = hex & 255;

但我找不到从0xRRGGBBAA中提取相同值+alpha的方法。

太好了。

Answer 1

这只是一个8位的移位和一个掩码。

const hex = 0xFFAABBCC;
const r = hex >> 24 & 255;
const g = hex >> 16 & 255;
const b = hex >> 8 & 255;
const a = hex & 255;

Answer 2

您也可以执行

const hexCut = (v,n) => [...n].reduce((r,c,i,{length:z})=>
{ r[c] = v >>8*(--z-i) & 255; return r },{})
console.log( hexCut(0xFF0000,'rgb'))
console.log( hexCut(0xFF000001,'rgba'))

.as-console-wrapper {max-height: 100%!important;top:0}