求解下面这段代码。。怎么理解？

Question

color='#FFFFFF';
var colorVal = parseInt(color.slice(1), 16);
result = {
    red: colorVal >> 16 & 0xFF,
    green: colorVal >> 8 & 0xFF,
    blue: colorVal & 0xFF,
}
//{red:255,green:255,blue:255}

了解到>>有符号右移，为什么要parseInt(,16)呢。>>不是对二进制数据做右移吗。。那么parseInt无论转成多少进制。二进制数据都应该不变啊。
为什么是移动16位。。'FFFFFF'不是6bytes 48bit吗。。

Answer 1

parseInt('hexStr', 16) 这句的意思是把包含十六进制数字的字符串以解析十六进制的方式转化成Int数值类型，只有数值类型才能移位操作

Answer 2

为什么要parseInt(,16)

'FFFFFF' 只是个字符串，右移运算需要数字。

那么parseInt无论转成多少进制。二进制数据都应该不变啊。

以 'FFFFFF' 为例，低于16进制不存在F，所以是 NaN，高于16进制进位不一样所以也是不同的值。

为什么是移动16位

RGB 每个颜色值为 0~255，即占 8 位。获取 R 值就右移 16 位去掉 G 和 B