JavaScriptを使用して、サポートされているHTMLまたはX11の色名とそのRGB値のリストを抽出します。

StackOverflow https://stackoverflow.com/questions/1551957

  •  20-09-2019
  •  | 
  •  

質問

リストを入手できる場所があります HTML または X11の色の名前 およびそれに相当するRGB。たとえば、「アクアマリン」は「#70DB93」であることがわかります。おそらくブラウザはマッピングを認識していると思われます。JavaScript を使用してブラウザに問い合わせて、ブラウザがサポートする色の名前 (ブラウザが使用する予定の RGB とともに) のリストを取得する方法はありますか?

役に立ちましたか？

解決

これらは Javascript のメタであり (特に CSS で使用されます)、その結果、その形式でクエリ可能であるとは思えません。

すべてのブラウザのリストは次のとおりです すべき 知る： CSS の色の名前

そのページから:

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で実行できるかどうかを確認しました。こんな事が出来ました(数分でまとめました、我慢してください):

<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 なので、そこにアクセスして各色コンポーネントを取得する方法があることはわかっていますが、それが何であるかはわかりません。少なくとも私はあなたに道筋を示しました、いいですか？

他のヒント

Firefoxのサポートなどのブラウザこれらの色名は、HTMLカラー名が、 X11色の名前ではありませんのます。

ブラウザがサポートしているかどうかを判断することができるように

ウィキペディアは、サンプルとこれらの色のリストを持っています。

私はあなたがJSを経由して、それを照会できるかどうかを確認する（例として）どの時点のFirefoxで見てまわり、このサポートを追加し突っついいくつかの操作を行います。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top