12-bit 彩虹色板

我设计了 12-bit 彩虹色板，用于 National Grid: Live 项目。 它由十二种颜色组成，选择时考虑了我们如何感知亮度 (luminance)、色度 (chroma) 和色相 (hue)：

该色板使用 12-bit 色深，因此在 CSS 或 SVG 文件中指定为十六进制颜色代码时，每种颜色只需要四个字符：

#817
#a35
#c66
#e94
#ed0
#9d5
#4d8
#2cb
#0bc
#09c
#36b
#639

色板设计

计算机根据红色、绿色和蓝色分量定义颜色，这些分量被同等对待。 然而，我们感知到这些分量具有不同的亮度：与纯红色相比，纯绿色看起来更亮，而纯蓝色看起来更暗。 因此，简单的 RGB 彩虹色板在相邻颜色之间存在很大的亮度变化。 这可以通过将颜色转换为具有相等感知亮度的灰色来观察到：

LCH 色彩空间是 RGB 色彩空间的替代方案，它根据亮度、色度和色相分量定义颜色。 这些分量在感知上是均匀的，这意味着对于任何颜色，特定数值量的变化将被类似地感知。

可以通过选择固定的色度和亮度值并改变色相来创建 LCH 彩虹色板。 然而，由此产生的调色板看起来令人不快，因为黄色变暗为棕色，红色变亮为粉红色，蓝色变得非常苍白。

更好的方法是允许亮度变化，但要以受控的方式进行。 黄色具有最高的亮度，因为它只有在明亮时才看起来是黄色的。 在选择了另外两种颜色（在本例中为红色和蓝色）之后，可以计算其他色相的亮度。

使用 12-bit 色深限制了可用颜色，因此必须对亮度、色度和色相进行细微调整，但这些调整非常小，不会引起注意。 由此产生的调色板具有均匀分布的色相，色度只有很小的变化，并且亮度平滑地增加和减少：