Rumah > Artikel > hujung hadapan web > Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript?
Menukar Nama Warna kepada Kod Hex dalam Javascript
Dalam Javascript, tiada fungsi terbina yang direka khusus untuk menukar nama warna kepada mereka perwakilan heksadesimal. Walau bagaimanapun, kita boleh menciptanya menggunakan senarai nama warna yang komprehensif dan kod hex yang sepadan.
Di bawah ialah fungsi Javascript yang mengambil nama warna dan mengembalikan kod hex yang setara:
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; }
Fungsi ini mengambil nama warna (dalam huruf kecil) sebagai hujah dan mencarinya dalam objek warna. Jika warna wujud dalam senarai, fungsi mengembalikan kod hexnya; jika tidak, ia kembali palsu.
Contohnya:
const hexCode = colourNameToHex('white'); console.log(hexCode); // '#ffffff'
Atas ialah kandungan terperinci Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!