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

Question

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

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

我不想在javascript中使用HEX值或颜色名称。

请建议。

W3C标准链接也将是一个很大的帮助。

我犹豫是否设置了hsl字符串，因为我没有在W3C CSSOM或DOM标准中找到它。

Answer 1

只需将其设为字符串

即可

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

演示：http://jsfiddle.net/maniator/gg7JN/

Answer 2

您需要the w3 standard，第4.2.4节。

从网站复制的示例：

• {color：hsl（0,100％，50％）} / * red * /
• {color：hsl（120,100％，50％）} / * lime * /
• {color：hsl（120,100％，25％）} / *深绿色* /
• {color：hsl（120,100％，75％）} / *浅绿色* /
• {color：hsl（120,75％，75％）} / *淡绿色，依此类推* /

注意：我并不是说Neal的答案是错的 - 你可以简单地使用hsl字符串，正如Neal所说。这些示例适用于css文件。

你想要的实际行允许你像使用散列颜色一样使用css样式的hsl，或者rgb是standard section 4.0，它只是说：

  

A＆lt; color＆gt;是关键字或数字规范。

之后的部分然后定义颜色类型：关键字（fuchsia），哈希格式（#ffcc88），rgb / a格式（rgba(255,255,255,0.1)）或hsl / a格式（hsla(0, 100%, 50%, 0.9)）。任何这些都可以在需要css颜色时使用。