JavaScript で色の名前を 16 進数コードに変換するには?-jsチュートリアル-php.cn

JavaScript で色の名前を 16 進数コードに変換するには?

Mary-Kate Olsen

リリース： 2024-10-31 02:38:31

オリジナル

624 人が閲覧しました

How to Convert Color Names to Hex Codes in JavaScript?

JavaScript で色名を 16 進コードに変換する

JavaScript には、色名をその色名に変換するように特別に設計された組み込み関数はありません。 16 進数表現。ただし、色名とそれに対応する 16 進コードの包括的なリストを使用して作成することはできます。

以下は、色名を受け取り、それに相当する 16 進コードを返す Javascript 関数です。

function colourNameToHex(colour) {
  var colours = {
    "aliceblue": "#f0f8ff",
    "antiquewhite": "#faebd7",
    "aqua": "#00ffff",
    "aquamarine": "#7fffd4",
    "azure": "#f0ffff",
    ... // Omitted for brevity
    "yellowgreen": "#9acd32",
  };

  if (typeof colours[colour.toLowerCase()] != 'undefined')
    return colours[colour.toLowerCase()];

  return false;
}

ログイン後にコピー

この関数は色名 (小文字) を引数として受け取り、colors オブジェクト内でそれを検索します。色がリストに存在する場合、関数はその 16 進コードを返します。それ以外の場合は false を返します。

例:

const hexCode = colourNameToHex('white');
console.log(hexCode); // '#ffffff'

ログイン後にコピー

以上がJavaScript で色の名前を 16 進数コードに変換するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。