JavaScript で色名を 16 進コードに変換する方法
色の変換は、特にすべての色を手動でコーディングする必要がある場合、面倒な作業になる可能性があります。可能な組み合わせ。幸いなことに、このプロセスを簡略化して時間を節約する方法があります。
組み込み関数
JavaScript は、その広範な機能にもかかわらず、ネイティブに組み込み関数を提供していません。色名を 16 進表現に直接変換できる in 関数。
カスタム実装
この制限に対処するには、次の外部リストを使用して独自のカスタム関数を作成できます。色の名前とそれに対応する 16 進コード。これを行う方法を示すコード スニペットを次に示します。
<code class="javascript">function colourNameToHex(colour) { var colours = { "aliceblue": "#f0f8ff", "antiquewhite": "#faebd7", // Additional color names and hex codes go here }; if (typeof colours[colour.toLowerCase()] != 'undefined') { return colours[colour.toLowerCase()]; } return false; }</code>
使用法
colourNameToHex 関数を使用するには、引数として色の名前を渡すだけで、 16 進コードを返します。例:
<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000 console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>
カスタム リスト
提供された例には、デモンストレーションの目的でいくつかの色の名前が含まれています。ここにあるような色とその 16 進数コードの包括的なリストを参照することで、このリストを拡張して必要な色名をすべてカバーできます: https://www.w3schools.com/colors/colors_names.asp
以上が組み込み関数を使用せずにJavaScriptで色の名前を16進コードに変換する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。