随机颜色案例

随机颜色
            R　255
            G　102
            B　102

            #FF6666 
          
            RGB
              => Red  :  0 ~ 255   =>   120
              => Green:  0 ~ 255   =>   230
              => Blue :  0 ~ 255   =>   23

            rgb(120,230,23)

        
             #FF6666  十六进制颜色表示法




     -->
    <style>
        div {
            width: 500px;
            height: 500px;
            /* background-color: #8a2be2;   */
        }



 function getRandom(x, y) {
            var m = Math.min(x, y)
            var n = Math.max(x, y)
            return Math.floor(Math.random() * (n - m) + m)
        }

        // function setBakctroundColor() {
        //     var r = getRandom(0, 256)
        //     var g = getRandom(0, 256)
        //     var b = getRandom(0, 256)
            
        //     var bg = `rgb(${r}, ${g}, ${b})`
        //     console.log(bg);
        //     //设置背景颜色给div
        //     document.querySelector('div').style.backgroundColor = bg
        // }
        // setBakctroundColor()
        /*
          十六进制
        */
    //    function getbg(){
    //        var r = getRandom(0,256)
    //        var g = getRandom(0,256)
    //        var b = getRandom(0,256)
    //        var r16 = r.toString(16)
    //        var g16 = g.toString(16)
    //        var b16 = b.toString(16)
    //        var gc16 = `#${r16}${g16}${b16}`
    //        console.log(gc16)
    //        document.querySelector('div').style.backgroundColor = gc16
    //    }
    //    getbg()

标签：颜色,getRandom,案例,随机,var,div,256,Math,255
来源： https://blog.csdn.net/tianranran/article/details/121686270