color 16进制格式和rgb的相互转换

hex2Rgb(hex) {
        //十六进制转为RGB
        var rgb = [] // 定义rgb数组
        if (/^\#[0-9A-F]{3}$/i.test(hex)) {
          //判断传入是否为#三位十六进制数
          let sixHex = '#'
          hex.replace(/[0-9A-F]/gi, function (kw) {
            sixHex += kw + kw //把三位16进制数转化为六位
          })
          hex = sixHex //保存回hex
        }
        if (/^#[0-9A-F]{6}$/i.test(hex)) {
          //判断传入是否为#六位十六进制数
          hex.replace(/[0-9A-F]{2}/gi, function (kw) {
            rgb.push(eval('0x' + kw)) //十六进制转化为十进制并存如数组
          })
          debugger
          return { red: rgb[0], green: rgb[1], blue: rgb[2] } //输出RGB格式颜色
        } else {
          console.log(`Input ${hex} is wrong!`)
          return 'rgb(0,0,0)'
        }
      },
      //"rgb(255,255,111)"
      rgb2Hex(rgb) {
        if (/^rgb\((\d{1,3}\,){2}\d{1,3}\)$/i.test(rgb)) {
          //test RGB
          var hex = '#' //定义十六进制颜色变量
          rgb.replace(/\d{1,3}/g, function (kw) {
            //提取rgb数字
            kw = parseInt(kw).toString(16) //转为十六进制
            kw = kw.length < 2 ? 0 + kw : kw //判断位数,保证两位
            hex += kw //拼接
          })
          return hex //返回十六进制
        } else {
          console.log(`Input ${rgb} is wrong!`)
          return '#000' //输入格式错误,返回#000
        }
      }
posted @ 2020-08-10 20:54  努力啊少年  阅读(794)  评论(0编辑  收藏  举报