rgb与hex颜色互转绝对实用

网站开发中难免会遇到颜色互转的情况，如改变图片颜色等。。

 

先来看下rgb转hex的方法

function rgb2hex(){
    hexColor = "#";
    var rgb = Array.prototype.slice.call(arguments);
    var rgbLength = rgb.length;
    for(var i=0; i<rgbLength; i++) {
        var c = "0123456789ABCDEF",
            b = "",
            a = rgb[i] % 16;
        b = c.substr(a, 1);
        a = (rgb[i]-a) / 16;
        hexColor += c.substr(a, 1) + b;
    }
    return hexColor;
}

// 调用
console.log(rgb2hex(255, 0, 0));  // #FF0000

 

看到其中的逻辑有被眩晕的请开净化召唤师技能解除控制，认真观看，不行的话在换个姿势，保证走位。。。

 

其实原理不难，主要是对16进行运算，然后匹配组装，，当然可以不求甚解，，，进入下一局。。

 

第一局跪了，来第二局吧 -- hex转rgb

 

function hex2rgb(hexColor) {
    if (hexColor.substr(0, 1) == "#") hexColor = hexColor.substring(1);
    hexColor = hexColor.toLowerCase();
    b = new Array();
    for (x = 0; x < 3; x++) {
        b[0] = hexColor.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 b[20] + "," + b[21] + "," + b[22];
}

// 调用
console.log(hex2rgb('#ff0000'));  // 255,0,0

 

 

哎呀，又被控了，，，完全被眩晕了。。。只能收藏路过了。。