ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で色の名前を 16 進数コードに変換するには?

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-31 02:38:31637ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。