如何使用 Processing 创建 216 RGB 颜色

Question

如何生成一个 6x36 的 RGB 颜色矩形调色板？ 我不知道从哪里或如何开始。它应该是这样的： [216 RGB 调色板]:()

这个特殊的例子有 50 x 40 像素大小的矩形。将所有这些加起来得到 1800 x 240 的屏幕尺寸，因此我们的代码将包括：

    size(1800, 240); 
    background(100);
.
.
.
rect(x,y,50,40);

（明显省略了很多行代码） 正如我们所了解的，RGB 颜色是 8 位的，每个通道从 0-255 表示。由此产生的可能颜色超过 1600 万种。在我们的例子中，我们将用 0-5 中的 6 种颜色代表每个通道。 与其试图从标准 255 中找出 6 个值，我们可以通过将其添加到我们的代码中来创建自定义颜色范围，从而使我们的生活更简单：

colorMode(RGB, 5);

RGB结果值如下

虽然我们的网格专门调换了行和列以便更好地显示在我们的屏幕上。

不用说，这张表将使用循环生成。这个练习的棘手部分是弄清楚如何将数字生成到行和列中，因为 RGB 具有三个值。如果我们注意生成的值，我们表的行由 R 的值决定，列由 G 和 B 的值决定。然后我们需要创建循环来递增 R、G 和 B这样的价值观。

向矩形添加文本不是必需的，但我发现它有助于我查看循环的进展情况。您可以通过添加这行代码轻松显示文本：

text(r+""+g+""+b,x,y);

我们最终显示的 216 种颜色实际上是 Web 安全颜色。旧浏览器过去在渲染所有 1600 万种 RGB 颜色时遇到问题，它们需要缩小色域。