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})`;
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值