color實用函數

一、十六進制顏色轉換爲rgb形式：

/**
 * 十六進制顏色轉換爲rgb形式
 * @function hex2rgb
 * @param {String} hex 顏色值（可省略前綴#）
 * @return {String} 若是hex長度大於7，直接返回hex；不然返回顏色值
 * @example
 * // return rgb(0,0,0)
 * hex2rgb('#000000');
*/
function hex2rgb(hex) {
    if ('#' === hex.charAt(0)) hex = hex.slice(1);
    var r, g, b, c = '#' === hex.charAt(0) ? hex.slice(1) : hex;
    if (c.length === 3) {
        r = c.charAt(0) + c.charAt(0);
        g = c.charAt(1) + c.charAt(1);
        b = c.charAt(2) + c.charAt(2);
    } else if (c.length === 6) {
        r = c.charAt(0) + c.charAt(1);
        g = c.charAt(2) + c.charAt(3);
        b = c.charAt(4) + c.charAt(5);
    } else {
        return hex;
    }
    return 'rgb(' + parseInt(r, 16) + ',' + parseInt(g, 16) + ',' + parseInt(b, 16) + ')';
}

二、rgb顏色值轉換爲十六進制形式

/**
 * rgb顏色值轉換爲十六進制形式
 * @function rgb2hex
 * @param {String} rgb rgb或rgba顏色值
 * @return {String} 若是rgb長度小於8，直接返回rgb；不然返回十六進制顏色值
 * @example
 * // return #000000
 * rgb2hex('rgb(0,0,0)');
*/
function rgb2hex(rgb) { // rgb、rgba顏色值轉換爲hex值
    if (rgb.length < 8) return rgb;
    return '#' + $.map(rgb.match(/\b(\d+)\b/g),function(digit){
        return ('0' + parseInt(digit).toString(16)).slice(-2);
    }).join('').slice(0, 6);
}

三、判斷是否爲有效的十六進制顏色值

/**
 * 判斷是否爲有效的十六進制顏色值
 * @function isHexColor
 * @param {String} hex 待檢測的十六進制顏色值（可省略前綴#）
 * @return {Boolean}
 * @example
 * // return true
 * isHexColor('#123456');
 * isHexColor('abc');
 * // reurn false
 * isHexColor('#456xyz');
*/
function isHexColor(hex) {
    if ('#' === hex.charAt(0)) hex = hex.slice(1);
    if (hex.length !== 3 && hex.length !== 6) return false;
    var i, c;
    for (i=0; i< hex.length; i++) {
        c = hex.charCodeAt(0);
        if (c < 48 || c > 102 || (c > 57 && c < 65) || (c > 71 && c < 97)) return false;
    }
    return true;
}