如何从alt.Scheme配色方案提取颜色及调用指定色值

可以从分类配色方案中提取到可用的HTML颜色值，主流场景的实现方法如下：

• 常用可视化库的内置分类配色都会直接暴露色值集合：比如D3.js中执行d3.schemeCategory10就会返回包含10个十六进制色值的数组，Matplotlib中调用plt.cm.tab10.colors可以获取对应RGB格式色值，转成十六进制后即可直接用于HTML场景。
• 自定义分类配色或第三方工具生成的分类配色，直接导出十六进制/RGB格式的色值列表，即可直接作为HTML色值使用。

如果需要调用category10这类配色的特定颜色应用在标题、标记等场景，操作非常简单：

• 首先先提取对应配色的完整色值列表，以常用的category10配色为例，固定色值数组为 ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"]
• 静态场景下直接按需取对应位置的色值即可：比如要给标题设置category10的第一个蓝色，直接给标题添加CSS样式color: #1f77b4；要给标记点用第二个橙色，设置fill: #ff7f0e即可。
• 动态可视化场景下可以通过索引直接调用：比如要给第3个分类的元素绑定对应配色，直接取配色数组的第2位（数组从0开始计数）即可拿到对应色值直接使用。

内容的提问来源于stack exchange，提问作者debbes