将字符串中的rgb颜色转换为16进制

　

rgb转16进制

有一个项目需要和原生对接，而原生的颜色无法识别rgb，因此出现了这个转换需求。

细分析，这个需求需要：

1. 提取出rgb颜色 ； 

2. 转换rgb为16进制

3. 替换

正好强大的js正则可以简化这个步骤，replace函数可以简化这个过程，省略掉了3这个步骤。

废话不多说，直接上代码

1. 把转换rgb的函数formatcolor提取出来，利用toString()可以转换数字为16进制的字符串

function formatColor(str) {
    const newstr = str.replace(/(rgb\()|(\))/g, '')
    const arr = newstr.split(',')
    let res = '#'
    for(var val of arr){
        res += fillZero(switchNumToSixteen(parseInt(val)))
    }
    return res
}

function switchNumToSixteen(num) {
    return num.toString(16)
}


function fillZero(str) {
    if(parseInt(str, 16) < 16) {
        return '0' + str
    }
    return str
}

2.利用replace函数，替换string中的对应处

function formatStr(str) {
    return str.replace(/(rgb\().+?(\))/g,function() {
        return formatColor(arguments[0])
    });
}

3.任务完成，检验一下是否可以正常工作~

var str = `<font style=""><b style="">未命<span style="color: rgb(221, 75, 75);">jsdsd</span>名</b><i style=""><u style="color: rgb(12, 12, 0);">组件</u></i></font>`

console.log(formatStr(str))
//<font style=""><b style="">未命<span style="color: #dd4b4b;">jsdsd</span>名</b><i style=""><u style="color: #0c0c00;">组件</u></i></font>

相关阅读

Excel 2016 打开后空白的解决方法

最近使用Excel 2016时遇到一个这样的状况，就是双击打开一个有内容的xlsx表格后显示空白，用管理员身份打开也是一样，这里总结一下解决

影驰GTX 1660 Ti金属大师显卡拆解+评测 影驰GTX 1660

影驰昨天发布了其全新的显卡系列——金属大师，产品线涵盖了GeForce GTX 1660/GeForce GTX 1660 Ti，GeForce RTX 2060/GeF

SQL server 2016数据库 下载安装

SQL server 2016数据库 下载安装 1：获取安装包 获取安装包 点击进去如下图：复制链接到迅雷中下载 2：下载的 SQL server 2016如下图

2016天猫黑色星期五大促直播报名要求及入口介绍

每年的黑五大促都是海淘党的福音，2016天猫黑色星期五大促全球直播，11月25日至27日，买手带你直击全球黑五扫货现场。今天seo实验室小

Ubuntu16.04安装gcc-3.4

第一步：下载所需gcc安装包（.deb格式） 手动：老版本gcc下载地址：http://old-releases.ubuntu.com/ubuntu/pool/universe/g/ ; http://a