Jquery 将十六进制转换为 RGBA

发布于02月09日

我想try 一个简单的十六进制到rgba的转换.我使用过的任何浏览器都会使用rgb作为默认值来渲染 colored颜色，所以当使用FarbStatic colored颜色 Select 器时，我会通过抓取十六进制值生成的背景色将十六进制值转换为rgb(默认情况下，rgb=简单转换)

我试着将)符号替换为, 1)，但这不起作用，所以我go 看看如何将RGB转换为RGBA，我仍然有问题.

jquery

$('.torgb').val($('#color').css('background-color'));
$('.torgba').val().replace(/rgb/g,"rgba");

The goal
enter image description here

EDIT:

TinyColor是一个很好的 colored颜色处理js库，它可以实现我想要的一切.我想你们可能想试试！-https://github.com/bgrins/TinyColor

推荐答案

//If you write your own code, remember hex color shortcuts (eg., #fff, #000)

function hexToRgbA(hex){
    var 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(',')+',1)';
    }
    throw new Error('Bad Hex');
}

hexToRgbA('#fbafff')

/*  returned value: (String)
rgba(251,175,255,1)
*/