颜色格式进行转换

颜色格式进行转换

关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站

将HEX格式转换为RGBA,RGB格式转换HEX

/**
* hex转换为RGBA
* @param hex 格式颜色
* @param opacity 透明度
* @return {string}
*/
function hexToRgbA(hex, opacity = 1) {
    let c;
    if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
        c = hex.substring(1).split('');
        if (c.length === 3) {
            c = [c[0], c[0], c[1], c[1], c[2], c[2]];
        }
        c = '0x' + c.join('');
        return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + `,${opacity})`;
    }
    throw new Error('Bad Hex');
}

/**
* rgb转Hex
* @constructor
*/
function RGBToHex (r, g , b) {
    return ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0")
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值