js 生成两个相近的随机颜色
时间: 2023-08-06 21:07:53 浏览: 83
可以使用以下代码生成两个相近的随机颜色:
```javascript
function randomColor() {
return Math.floor(Math.random() * 256);
}
function randomSimilarColor() {
var r = randomColor();
var g = randomColor();
var b = randomColor();
var offset = Math.floor(Math.random() * 20) - 10; // 生成一个 -10~10 的随机数
r += offset;
g += offset;
b += offset;
// 确保颜色值在 0~255 之间
r = Math.max(0, Math.min(255, r));
g = Math.max(0, Math.min(255, g));
b = Math.max(0, Math.min(255, b));
return 'rgb(' + r + ', ' + g + ', ' + b + ')';
}
var color1 = randomSimilarColor();
var color2 = randomSimilarColor();
console.log(color1, color2);
```
以上代码中,`randomColor` 函数用于生成 0~255 之间的随机数,`randomSimilarColor` 函数会在生成随机颜色的基础上,再生成一个 -10~10 之间的随机数,用于调整颜色值,以生成相近的颜色。最后用 `console.log` 打印出两个相近的随机颜色。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)