将rgb颜色转换为16进制 2022-04-11

 //将rgb颜色转换为16进制 thisApp.dafecolorArray({ r: 172, g: 62, b: 89 }, { r: 28, g: 138, b: 175 }, 13)
            getColorHex (r, g, b) {
                var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
                return hex
            },
            dafecolorArray (colorStart, colorEnd, number) {
                const colorArray = this.gerColorOfWeight(colorStart, colorEnd, number)
                return colorArray.map(val => {
                    return [val, val]
                })
            },
            //颜色,根据数值均分
            gerColorOfWeight (colorStart, colorEnd, number) {
                let colorRGap = (colorEnd["r"] - colorStart["r"]) / number
                let colorGGap = (colorEnd["g"] - colorStart["g"]) / number
                let colorBGap = (colorEnd["b"] - colorStart["b"]) / number
                let colorArray = []
                for (let i = 1; i < number + 1; i++) {
                    let colorR = colorStart["r"] + colorRGap * i
                    let colorG = colorStart["g"] + colorRGap * i
                    let colorB = colorStart["b"] + colorRGap * i
                    let color = this.getColorHex(Math.floor(colorR), Math.floor(colorG), Math.floor(colorB))//转换为16进制颜色
                    colorArray.push(color)
                }
                return colorArray
            },