js rgb和16进制相互转换

Posted Mars、一切都会好起来

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js rgb和16进制相互转换相关的知识,希望对你有一定的参考价值。

1.rgb to 16进制

function colorRGBtoHex(color) {
        var rgb = color.split(‘,‘);
        var r = parseInt(rgb[0]);
        var g = parseInt(rgb[1]);
        var b = parseInt(rgb[2]);
        var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
        return hex;
    }

 2. 16进制 to rgb

function hex2rgb(a)
    {
        if (a == ""){
            return ""
        }
        a=a.substring(1);
        a=a.toLowerCase();
        b=new Array();
        for(x=0;x<3;x++){
            b[0]=a.substr(x*2,2);
            b[3]="0123456789abcdef";
            b[1]=b[0].substr(0,1);
            b[2]=b[0].substr(1,1);
            b[20+x]=b[3].indexOf(b[1])*16+b[3].indexOf(b[2]);
        }
        return "rgb(" +  b[20]+","+b[21]+","+b[22] + ")";
    }

 

以上是关于js rgb和16进制相互转换的主要内容,如果未能解决你的问题,请参考以下文章

JS-011-颜色进制转换(RGB转16进制;16进制转RGB)

js中如何把RGB颜色转换为16进制颜色

JavaScript随机生成颜色以及十六进制颜色 与RGB颜色值的相互转换

RGB 颜色代码转换

js 进制转换

js_RGB转16进制(rgb2hex)