js 函数生成30种好看且区别明显固定的颜色16进制
时间: 2024-10-12 20:12:20 浏览: 20
详解JS数值Number类型
在 JavaScript 中,你可以创建一个函数来生成一系列随机但视觉上差异明显的十六进制颜色。这通常通过生成介于预设颜色范围内的随机数来实现。以下是一个简单的示例,它生成了30种不同的颜色:
```javascript
function generateRandomColors(count) {
const colors = [];
const primaryColors = ['#FF69B4', '#ADD8E6', '#FFD700']; // 预设的一些基础颜色
for (let i = 0; i < count; i++) {
let r = Math.floor(Math.random() * 256);
let g = Math.floor(Math.random() * 256);
let b = Math.floor(Math.random() * 256);
if (i % 3 === 0) { // 每三个颜色更换一次主色
colors.push(primaryColors[Math.floor(i / 3)]);
} else {
colors.push(`#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`);
}
}
return colors;
}
// 调用函数生成30种颜色
const uniqueColors = generateRandomColors(30);
console.log(uniqueColors);
阅读全文