使用 d3 生成 12 种（感知上）均匀间隔的颜色答案

【问题标题】：Generate 12 (perceptually) uniformly-spaced colours using d3使用 d3 生成 12 种（感知上）均匀间隔的颜色
【发布时间】：2015-07-19 19:28:24
【问题描述】：

我正在尝试创建 12 种在感知上彼此间隔大致均匀的颜色。

d3提供HSL，所以d3.hsl( (i/12)*360, 0.5, 0.5 )

但是，这对于黄绿相间的颜色效果不佳。

d3 似乎提供了 HCL 和 LAB，但我不知道如何使用这些。

我可以使用任何数学方法，还是应该只实现自己的 HSL 色调传递函数？

【问题讨论】：

恕我直言，这个问题不应该被否决或关闭（对任何这样做的人）。这是一个关于 LAB 颜色空间的合理问题，它缺乏关于 d3 API 参考的文档。
这可能很棘手。我肯定会调查colorbrewer
我建议你使用这个库：vis4.net/blog/posts/mastering-multi-hued-color-scales 你也可以看看这里：gka.github.io/palettes/…

【解决方案1】：

我不熟悉 d3，但假设它使用典型的 CIELab 约定 L: 0::255, a: -100::100, b: -100::100

你可以试试

d3.lab( 128, 100 * Math.sin(2 * Math.PI * i/12), 100 * Math.cos(2 * Math.PI * i/12) )

这应该会创建一个视觉上统一的色轮

【讨论】：