生成随机颜色

Posted 2020-12-13 sjl9280

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了生成随机颜色相关的知识，希望对你有一定的参考价值。

定义一个函数，返回一个随机的rgb颜色和这个颜色的随机透明度的颜色rgba 0-255（包含）随机透明度0-1（不含） [‘rgb(0,100,255)‘,‘rgba(0,100,255,0.125)‘];

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

      
      <script>
          function getRandom(){
              var r=parseInt(Math.random()*255);
              var g=parseInt(Math.random()*255);
              var b=parseInt(Math.random()*255);
              var a=Math.random().toFixed(2); //保留到小数点后两位
              var color1=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘)‘;
              var color2=‘rgb(‘+r+‘,‘+g+‘,‘+b+‘,‘+a+‘)‘;
              return {
                    rgb:color1,
                    rgba:color2
              }
          }
          var color=getRandom();
          console.log(color);
      </script>
</body>
</html>

以上是关于生成随机颜色的主要内容，如果未能解决你的问题，请参考以下文章

如何使用 JavaScript 随机生成 HTML 十六进制颜色代码？ [复制]

使用 PHP 生成随机十六进制颜色代码

JavaScript随机生成颜色的方法

JS一行代码，生成一个随机颜色，简单粗暴。

请解释以下js代码怎么生成随机颜色？

生成随机种子十六进制颜色？