js 函数生成30种固定颜色

在JavaScript中，我们可以创建一个函数，它会返回一个包含30种固定颜色的数组。这里提供一种简单的方式来生成这样的颜色数组，我们可以利用`Array.from()`配合循环和字符串格式化来实现：

function generateColors() {
  const colors = Array.from({ length: 30 }, (_, index) => {
    // 使用十六进制颜色模式，从#000000到#FFFFFF变化
    let colorCode = `#${index.toString(16).padStart(2, '0')}${index.toString(16).padStart(2, '0')}`;
    // 如果需要更多变化，可以考虑添加透明度，如RGBA格式
    // colorCode += `, ${Math.random() * 255}`; // 添加透明度部分，这里仅示例，实际使用时根据需求调整
    return colorCode;
  });
  return colors;
}

// 调用生成并打印颜色数组
const colorArray = generateColors();
console.log(colorArray);

相关问题

js 函数生成30种固定颜色且区分明显

在JavaScript中，你可以创建一个函数来生成一系列固定且对比鲜明的颜色。以下是一个简单的示例，它使用十六进制表示法并考虑了色轮上的一些颜色分布，使得颜色之间有良好的区分度：

function generateColors(count) {
    // 从RGB三原色开始，获取互补色和等差分布的颜色
    const baseColors = [
        "#FF0000", // 红色
        "#00FF00", // 绿色
        "#0000FF", // 蓝色
        // 其他颜色可以根据需要添加...
    ];

    let generatedColors = [];
    if (count > baseColors.length) {
        count = baseColors.length;
    }

    for (let i = 0; i < count; i++) {
        let index = Math.floor(Math.random() * baseColors.length);
        generatedColors.push(baseColors[index]);

        // 如果还有空间，添加基于原始颜色的补色彩
        if (i % 3 === 2 && i + 3 <= count) {
            const complementaryIndex = (index + 2) % baseColors.length;
            generatedColors.push(baseColors[complementaryIndex]);
        }
    }

    return generatedColors.slice(0, count); // 返回指定数量的颜色
}

// 使用该函数生成30种颜色
const colorsArray = generateColors(30);
console.log(colorsArray);

js 函数生成30种好看且区别明显固定的颜色16进制

在 JavaScript 中，你可以创建一个函数来生成一系列随机但视觉上差异明显的十六进制颜色。这通常通过生成介于预设颜色范围内的随机数来实现。以下是一个简单的示例，它生成了30种不同的颜色：

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);