js十六进制颜色值和RGB格式转换

16进制转RGBA格式

function hexToRgb(hex,opacity=1) {
    // 去除#号
    var color = hex.replace("#", "");
    
    // 分割成红、绿、蓝三部分的16进制字符串
    var red = parseInt(color.substring(0,2), 16);
    var green = parseInt(color.substring(2,4), 16);
    var blue = parseInt(color.substring(4,6), 16);
    
    return `RGB(${red}, ${green}, ${blue},${opacity})`;
}
hexToRgb2('#339f9f',0.1)
 

rgb转十六进制

function rgbTohex(rgb){
    const color = rgb.replace('rgb(','').replace(')','');//去掉多余的部分，将rgb中的数字提取
    const colorArr = color.split(',');
    let hex = '#';
    colorArr.forEach((item,key)=>{
        hex+= Number(item).toString(16).padStart(2,'0')
    })
    return hex;
}
rgbTohex('rgb(51,153,255)')