color实用函数

前提是你 提交于 2020-02-29 03:39:50

1、十六进制颜色转换为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) + ')';
}

2、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);
}

3、判断是否为有效的十六进制颜色值

/**
 * 判断是否为有效的十六进制颜色值
 * @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;
}
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!