十六进制颜色值域RGB格式颜色值之间的相互转换

/**
 * Created by cld on 2018/3.
 * 十六进制颜色值域RGB格式颜色值之间的相互转换
 */


//十六进制颜色值的正则表达式
var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
/*RGB颜色转换为16进制
*定义的函数
*/
let RGBToHex = function(rgb) {
    var regexp = /[0-9]{0,3}/g
    var re = rgb.match(regexp) //利用正则表达式去掉多余的部分,将rgb中的数字提取
    var hexColor = '#'
    var hex = [
        '0',
        '1',
        '2',
        '3',
        '4',
        '5',
        '6',
        '7',
        '8',
        '9',
        'A',
        'B',
        'C',
        'D',
        'E',
        'F'
    ]
    for (var i = 0; i < re.length; i++) {
        var r = null,
            c = re[i],
            l = c
        var hexAr = []
        while (c > 16) {
            r = c % 16
            c = (c / 16) >> 0
            hexAr.push(hex[r])
        }
        hexAr.push(hex[c])
        if (l < 16 && l != '') {
            hexAr.push(0)
        }
        hexColor += hexAr.reverse().join('')
    }
    //alert(hexColor)
    return hexColor
}


/*16进制颜色转为RGB格式 
*直接定义在String.prototype属性上
*/
String.prototype.colorRgb = function() {
    var sColor = this.toLowerCase()
    if (sColor && reg.test(sColor)) {
        if (sColor.length === 4) {
            var sColorNew = '#'
            for (var i = 1; i < 4; i += 1) {
                sColorNew += sColor
                    .slice(i, i + 1)
                    .concat(sColor.slice(i, i + 1))
            }
            sColor = sColorNew
        }
        //处理六位的颜色值
        var sColorChange = []
        for (var i = 1; i < 7; i += 2) {
            sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)))
        }
        return 'rgb(' + sColorChange.join(', ') + ')'
    } else {
        return sColor
    }
}
export { RGBToHex }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Embrace924

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值