用随机数写rgb颜色、十六进制颜色

最新推荐文章于 2024-07-12 14:10:05 发布

Karley_baby

最新推荐文章于 2024-07-12 14:10:05 发布

阅读量141

点赞数

分类专栏： js 文章标签： javascript html5 开发语言

本文链接：https://blog.csdn.net/Karley_baby/article/details/128210434

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

rgb写法：

方式一：

<script>
    
    var r = Math.round(Math.random()*255)

    var g = Math.round(Math.random()*255)

    var b = Math.round(Math.random()*255)

    var color = 'rgb(' + r + ',' + g + ',' + b + ')'

    console.log(color)

</script>

方式二：

<script>

    var arr = [ ]

    for(var i = 0; i < 3; i++){
    
            var value = Math.round (Math.random() * 255)

            arr.push(value)

        }

    var color = 'rgb(' + arr.join() + ')'

    console.log(color);

</script>

十六进制写法：

方式一：

<script>
    
    var arr = [ ]

    for (var i = 0; i < 3; i++) {

            var value = Math.round(Math.random()*255)

            arr.push(value)

    }
    
    var color = 'rgb(' + arr.join() + ')'

    console.log(color)

</script>

方式二：

<script>
    
    var color = '#'

    for(var i = 0; i < 6; i++){
    
            var num = Math.round(Math.random()*15)

            var num = num.toString(16)

            color += num

        }

        console.log(color);

</script>