侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

color实用函数

2024-05-12 星期日 / 0 评论 / 0 点赞 / 87 阅读 / 2238 字

1、十六进制颜色转换为rgb形式:/** * 十六进制颜色转换为rgb形式 * @function hex2rgb * @param {String} hex 颜色值(可省略前缀#) * @retur

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;}

广告 广告

评论区