js 生成随机颜色

作者：冷视天下发布日期:2026-01-16 浏览:48

// 生成随机颜色的函数
function getRandomColor() {
    // 定义颜色的每个分量（红、绿、蓝）的范围是0到255
    const r = Math.floor(Math.random() * 256);
    const g = Math.floor(Math.random() * 256);
    const b = Math.floor(Math.random() * 256);

    // 返回一个RGB格式的颜色字符串
    return `rgb(${r}, ${g}, ${b})`;
}

// 示例调用
console.log(getRandomColor());

解释说明：

Math.random()：生成一个介于 0 到 1 之间的随机数。
Math.floor()：将小数部分去掉，返回小于或等于给定数字的最大整数。这里用于确保颜色分量在 0 到 255 之间。
rgb(r, g, b)：返回一个 RGB 格式的颜色字符串，其中 r, g, b 分别表示红色、绿色和蓝色的分量。

每次调用 getRandomColor() 函数都会生成一个新的随机颜色，并以 rgb(r, g, b) 的形式返回。

上一篇：js 随机生成字符串

下一篇：js 取随机数