Javascript 如何在CSSStyleDeclaration对象上设置hsl颜色？

如何在CSSStyleDeclaration对象上设置hsl颜色

//CSS
    background-color: hsl(155,100%,30%);
//JavaScript
    divElement.style.backgroundColor = ?;

我不想在javascript中使用十六进制值或颜色名称

请建议

W3C标准链接也会有很大帮助

---

我不太愿意设置hsl字符串，因为我在W3C CSSOM或DOM标准中找不到它。

只需将其设置为字符串即可

divElement.style.backgroundColor = "hsl(155,100%,30%)";

演示：

您需要的，第4.2.4节

从网站复制的示例：

• {颜色：hsl（0,100%，50%）}/*红色*/
• {颜色：hsl（120,100%，50%）}/*石灰*/
• {颜色：hsl（120,100%，25%）}/*深绿色*/
• {颜色：hsl（120,100%，75%）}/*浅绿色*/
• {颜色：hsl（120,75%，75%）}/*淡绿色，等等*/

注意：我并不是说Neal的答案是错误的-你可以简单地使用Neal说的

hsl

字符串。这些示例是针对css文件的

您希望使用css样式hsl的实际行与哈希颜色或rgb一样简单，它只是说：

A是关键字或数字规格说明

---

之后的章节定义了颜色的类型：关键字（

fuchsia

）、哈希格式（

#ffcc88

）、rgb/a格式（

rgba（255255255,0.1）

）或hsl/a格式（

hsla（0,100%，50%，0.9）

）。任何一种css颜色都可以在任何时候使用。

除此之外，应该注意的是，在DOM中，它似乎总是转换回RGB。即使手动设置

样式

属性字符串。然而，我不知道这个行为是在规范中定义的，还是仅仅是浏览器的行为。当您需要HSL声明时，它可能会导致一些问题（例如，您想要设置色调值的动画）。不接受设置

HSL

code-in-jest测试？如果设置了

rgb

，则工作正常