js随机暖色,亮色,暗色。

颜色值越接近255的越亮,越偏向0的越暗。

  • 暖色

      rdmRgbColor() {
              //随机生成RGB颜色
              let arr = [];
              for (var i = 0; i < 3; i++) {
                  // 暖色
                  arr.push(Math.floor(Math.random() * 128 + 64));
                  // 亮色
                  arr.push(Math.floor(Math.random() * 128 + 128));
              }
              let [r, g, b] = arr;
              // rgb颜色
              // var color=`rgb(${r},${g},${b})`;
              // 16进制颜色
              var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
                  b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
              return color;
          }
    
  • 暗色

      rdmRgbColor() {
              //随机生成RGB颜色
              let arr = [];
              for (var i = 0; i < 3; i++) {
                  // 暗色
                  arr.push(Math.floor(Math.random() * 128));
                  // 暗黑色
                  arr.push(Math.floor(Math.random() * 64));
                  
              }
              let [r, g, b] = arr;
              // rgb颜色
              // var color=`rgb(${r},${g},${b})`;
              // 16进制颜色
              var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
                  b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
              return color;
          }
    
  • 随机所有色

      rdmRgbColor() {
              //随机生成RGB颜色
              let arr = [];
              for (var i = 0; i < 3; i++) {
                  arr.push(Math.floor(Math.random() * 256));
              }
              let [r, g, b] = arr;
              // rgb颜色
              // var color=`rgb(${r},${g},${b})`;
              // 16进制颜色
              var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
                  b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
              return color;
          }
    
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容