Plotly.js 支持哪些颜色表示法？v1.47.4版本使用咨询

支持的颜色表示法 #

在Plotly 1.47.4中，marker.color支持以下几种颜色格式：

• CSS命名颜色：例如 red、green、steelblue 这类预定义颜色名称
• 十六进制颜色：包括短三位（#f00）、六位（#ff0000）、带透明度的四位（#f008）和八位（#ff000080）格式
• RGB/RGBA格式：支持逗号分隔（rgb(255, 0, 0)、rgba(255, 0, 0, 0.5)）和空格分隔（rgb(255 0 0)、rgba(255 0 0 / 0.5)）的写法
• HSL/HSLA格式：支持逗号分隔（hsl(0, 100%, 50%)、hsla(0, 100%, 50%, 0.5)）和空格分隔（hsl(0 100% 50%)、hsla(0 100% 50% / 0.5)）的写法

不支持的颜色格式 #

现代CSS中的oklch(l% c h)、hwb(h w% b%)这类颜色函数在Plotly 1.47.4中无法被正确解析，使用后条形会显示默认蓝色。

颜色转换逻辑 #

Plotly内部会对所有有效的颜色值进行解析，并统一转换为RGB/RGBA格式输出到SVG中，这就是你看到生成的path元素填充色均为rgb(r, g, b)格式的原因。

关于现代颜色格式的支持计划 #

Plotly 1.47.4属于较早的版本，官方对其的维护更新已经较少。后续发布的新版本（如v2.x及以上）逐步扩展了颜色解析能力，但具体是否支持oklch、hwb需要参考对应版本的官方文档。

如果需要使用这类现代颜色格式，有两种解决方案：

1. 升级到Plotly的最新稳定版本，确认是否已支持目标颜色格式
2. 提前将oklch/hwb颜色转换为RGB/RGBA格式后再传入Plotly的配置中

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