Question

有些地方可以获得HTML或X11 colour names的列表及其RGB等价物。例如，我们可以发现“海蓝宝石”是“＃70DB93”。据推测，浏览器知道映射。有没有办法使用javascript来查询浏览器并获得它支持的颜色名称列表（以及浏览器计划使用的RGB）？

Answer 1

这些是Javascript的元素（它们在CSS中使用，除其他外），因此我怀疑它们是否可以以该形式查询。

以下是所有应知道的浏览器列表：CSS Color Names

从该页面开始：

The W3C HTML and CSS standards have listed only 16 valid color names:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive,
purple, red, silver, teal, white, and yellow.

编辑：既然你问过，我至少检查过这是否适用于Safari。我能够做到这一点（I threw this together in minutes, bear with it）：

<html>
<head>
    <title>Color Test</title>
    <script type="text/javascript">
        function $(id) { return document.getElementById(id); }
        function do_chocolate() {
            $("foo").style.color = "chocolate";
            alert($("foo").style.color);
        }
    </script>
</head>
<body>
    <div id="foo">
        This should change when you click below
    </div>
    <a href="#" onclick="do_chocolate();">Click me</a>
</body>

当我点击：

时，Safari会向我显示此警报

rgb(210, 105, 30)

我不熟悉Javascript来探测这种颜色，但看起来它可以完成。如果我在这个项目上匆忙，我只是将颜色串行化（就像Safari一样向我显示警告）并抓住每个部分。因为这是Javascript / DOM，但我知道有一种方法可以进入并获得每个颜色组件，但我不知道它是什么。至少我已经把你放在了路上，没有？

Answer 2

Firefox支持的浏览器的这些颜色名称不是HTML颜色名称，而是X11 color names。

维基百科有一个带样本的这些颜色列表，因此您可以确定浏览器是否支持它们。

我会做一些探讨，看看Firefox（作为一个例子）在什么时候添加这种支持，看看你是否可以通过js查询它。

使用javascript提取支持的HTML或X11颜色名称及其RGB值的列表

2 个答案: