我正在尝试使用 JavaScript 创建一个可变的颜色网格。规则是相邻颜色必须始终相似（例如，绿色不能接触红色）。
我设法创建了一些非常接近我想要的东西，但是有一些事情仍然困扰着我，并且我无法解决它们。
蓝色/红色比绿色更流行。例如，没有“深绿色”。这可能是因为我的“算法”，但我无法更改它以使绿色与其他两种颜色一样普遍，而不会弄乱整个网格。
所有颜色都应该彼此不同（在 @Mr.Polywhirl 的有用答案之后添加此内容，但这创建了一些相同颜色的块）。
我希望颜色会集中到中心的浅色调，而不是变暗。
这是我到目前为止所取得的成就：
const COLUMNS = 30;
const ROWS = 16;
const TOTAL = COLUMNS * ROWS;
const generateRed = (step) => {
return 0 + step * (255 / TOTAL);
}
const generateGreen = (step) => {
return 255 - step * (255 / ROWS);
}
const generateBlue = (step) => {
return 255 - step * (255 / COLUMNS);
}
function generateColorStrip(row) {
const colors = [];
for (let column = …