美文网首页
颜色格式进行转换

颜色格式进行转换

作者: ee03052cdf84 | 来源:发表于2020-09-18 11:07 被阅读0次

    颜色格式进行转换

    关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 http://www.feiaci.com/#/self/code

    将HEX格式转换为RGBA,RGB格式转换HEX

    /**
    * hex转换为RGBA
    * @param hex 格式颜色
    * @param opacity 透明度
    * @return {string}
    */
    function hexToRgbA(hex, opacity = 1) {
        let c;
        if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
            c = hex.substring(1).split('');
            if (c.length === 3) {
                c = [c[0], c[0], c[1], c[1], c[2], c[2]];
            }
            c = '0x' + c.join('');
            return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + `,${opacity})`;
        }
        throw new Error('Bad Hex');
    }
    
    /**
    * rgb转Hex
    * @constructor
    */
    function RGBToHex (r, g , b) {
        return ((r << 16) + (g << 8) + b).toString(16).padStart(6, "0")
    }
    

    相关文章

      网友评论

          本文标题:颜色格式进行转换

          本文链接:https://www.haomeiwen.com/subject/gfadyktx.html