js如何实现16进制和RGB值颜色互转

如何利用js实现16进制和RGB值颜色互转，下面web建站小编给大家简单介绍一下具体实现代码！

将16进制转换为RGB值

function set16ToRgb(str){
  var reg = /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/
  if(!reg.test(str)){return;}
  let newStr = (str.toLowerCase()).replace(/\#/g,'')
  let len = newStr.length;
  if(len == 3){
    let t = ''
    for(var i=0;i<len;i++){
     t += newStr.slice(i,i+1).concat(newStr.slice(i,i+1))
    }
    newStr = t
  }
  let arr = [];
  for(var i =0;i<6;i=i+2){
    let s = newStr.slice(i,i+2)
    arr.push(parseInt("0x" + s))
  }
  return 'rgb(' + arr.join(",")  + ')';
}

console.log('输出结果：', set16ToRgb('#ff0000')) //输出结果： rgb(255,0,0)

//RGB转换为16进制
将RGB值转换为16进制

function setRgbTo16(str){
  let reg = /^(rgb|RGB)/;
  if(!reg.test(str)){return;}
  var arr = str.slice(4, str.length-1).split(",")
  let color = '#';
  for(var i=0;i<arr.length;i++){
     var t = Number(arr[i]).toString(16)
     if(t == "0"){
      t =  t + "0"
     }
     color += t;
  }
  return color;
}
console.log('输出结果：',setRgbTo16("rgb(240,0,250)")) //输出结果： #f000fa

中国色：一个提供各种中国传统颜色的平台(CMYK值/RGB值/16进制)

标签： 16进制颜色, RGB值颜色

上面是“js如何实现16进制和RGB值颜色互转”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4071.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！