生成随机 RGB 颜色 JavaScript

在 Web 开发中，有时需要随机生成颜色用于样式的设置。本文将介绍如何使用 JavaScript 生成随机的 RGB 颜色。

方法一

使用 Math 对象的随机函数生成一个 0 - 255 之间的随机数，并将其转换为 RGB 颜色代码。代码如下：

function getRandomColor() {
  var r = Math.floor(Math.random() * 256);
  var g = Math.floor(Math.random() * 256);
  var b = Math.floor(Math.random() * 256);
  return "rgb(" + r + ", " + g + ", " + b + ")";
}

这里我们使用了 Math.floor() 函数将生成的浮点数向下取整，确保生成的颜色代码在 0 - 255 之间。最终返回值为一个 RGB 颜色字符串，如 rgb(100, 200, 50)。

方法二

使用 ES6 的模板字符串，可以让代码更加简洁易读。代码如下：

const getRandomColor = () => {
  const r = Math.floor(Math.random() * 256);
  const g = Math.floor(Math.random() * 256);
  const b = Math.floor(Math.random() * 256);
  return `rgb(${r}, ${g}, ${b})`;
}

这里使用了箭头函数 =>，使代码更简洁。同时使用了 const 声明常量，避免了在函数作用域内声明变量的问题。

总结

本文介绍了两种生成随机 RGB 颜色的方法，其中第二种方法使用了 ES6 的新特性，代码更加简洁易读。在实际开发中，可以根据具体情况选择合适的方法。