ホームページ  >  に質問  >  本文

JavaScriptでCSS/HTMLの名前付きcolorのRGB値を取得する方法

[name-rgb] という名前の Javascript オブジェクトを作成しました。基本事項:

リーリー ###物体。しかし、名前文字列 (たとえば「AliceBlue」) を入力し、JavaScript にその文字列の何らかの RGB 表現 (16 進数でも機能する) を見つけさせることができるはずだと気づきました。ブラウザーには少なくとも 140 個の名前付きの隠れた色があることはわかっていますが、それらを見つけることができません。

色名の RGB 表現を見つけることができる CSS または "style=..." テクニックはありますか?

P粉557957970P粉557957970348日前703

全員に返信(2)返信します

  • P粉052724364

    P粉0527243642023-11-07 00:10:54

    これが私が最終的に思いついた解決策です。色には、CSS 文字列と webgl タイプの配列 (通常は状況に応じて 4 つの浮動小数点または整数) の 2 つのタイプがあることに気付きました。

    忘れて、ブラウザに処理させます。1x1 キャンバスを作成し、任意の文字列カラーで塗りつぶし、ピクセルを取得して、rgba 配列に分解します。以下は、1x1 2d キャンバス ctx を作成するための 2 つのユーティリティです。

    リーリー

    私が気に入っている点は、ブラウザ自体がすべてを語ってくれることです。有効な文字列はどれでも問題なく機能します。唯一の欠点は、文字列が不正な場合は黒となるため、いくつかのチェックを行う必要があることです。エラーチェックはあまり良くありませんが、私の用途では必要ありません。

    ユーティリティ関数:

    リーリー

    返事
    0
  • P粉311617763

    P粉3116177632023-11-07 00:08:14

    最も単純な JavaScript 関数:

    リーリー

    返事
    0
  • キャンセル返事