js获取随机颜色不包括浅色
时间: 2023-11-17 14:05:05 浏览: 39
以下是一个获取随机颜色且不包括浅色的 JavaScript 函数:
```javascript
function getRandomColor() {
var colors = ['#2c3e50', '#34495e', '#7f8c8d', '#16a085', '#27ae60', '#2980b9', '#8e44ad', '#c0392b', '#d35400', '#f39c12'];
return colors[Math.floor(Math.random() * colors.length)];
}
```
这个函数将返回一个随机颜色,其中包括深色的颜色,而不包括浅色。您可以根据需要修改颜色数组。
相关问题
javascript生成浅色随机颜色
以下是生成浅色随机颜色的 JavaScript 代码:
```javascript
function generateLightColor() {
// 生成三个 0~255 之间的随机数
const r = Math.floor(Math.random() * 256);
const g = Math.floor(Math.random() * 256);
const b = Math.floor(Math.random() * 256);
// 计算亮度
const brightness = Math.sqrt(0.299 * r * r + 0.587 * g * g + 0.114 * b * b);
// 如果亮度小于128,则重新生成颜色
if (brightness < 128) {
return generateLightColor();
}
// 返回一个 CSS 颜色值,例如 "#66ccff"
return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1, 7);
}
```
该函数会生成一个随机的浅色颜色值,如果生成的颜色亮度太低,则会重新生成一个颜色,直到亮度符合要求。
html 随机浅色的rbg
以下是一个随机生成浅色 RGB 颜色代码的 HTML 示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机浅色 RGB</title>
<style type="text/css">
/* 设置 body 背景颜色 */
body {
background-color: #f2f2f2;
}
/* 设置颜色样式 */
.color {
display: inline-block;
width: 100px;
height: 100px;
margin: 20px;
border-radius: 50%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<!-- 生成颜色代码 -->
<div class="color" style="background-color: rgb(
<?php echo rand(200, 255) . ',' . rand(200, 255) . ',' . rand(200, 255); ?>
)"></div>
</body>
</html>
```
这个示例中使用 PHP 的 `rand()` 函数生成了三个随机数,分别对应 RGB 颜色代码中红、绿、蓝三个值,取值范围从 200 到 255,保证生成的颜色比较浅。然后将这三个值拼接起来作为 `background-color` 属性的值,设置给一个显示颜色的 `<div>` 元素。