js 算法实现30种颜色区分明显的固定的rgb颜色

JavaScript中实现一种固定RGB颜色方案并保证颜色之间的差异明显，通常会采用生成随机数的方式，并结合色轮理论来确保相邻的颜色之间有足够大的区别。以下是一个简单的算法示例：

function generateDistinctColors(count) {
    const minSaturation = 50; // 色彩饱和度最低值
    const maxSaturation = 80; // 色彩饱和度最高值
    const hues = Array.from({ length: count }, (_, i) => (i / count * 360).toFixed(0)); // 生成均匀分布的色相范围

    function randomHue() {
        return Math.floor(Math.random() * 360);
    }

    const colors = hues.map(hue => {
        const saturation = Math.floor(Math.random() * (maxSaturation - minSaturation + 1)) + minSaturation;
        const lightness = 50; // 固定亮度，这里为了简单起见，通常会选择中间亮度
        const colorString = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
        return colorString;
    });

    return colors;
}

// 示例：生成30种颜色
const distinctColors = generateDistinctColors(30);

console.log(distinctColors); // 输出30种颜色列表

这个函数通过计算每种颜色的色相（hue），并在饱和度范围内随机选择数值，生成了一组具有明显区别的RGB颜色。请注意，这只是一个基础的实现，实际应用中可能需要更复杂的色彩理论来确保视觉上效果更好。