Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript?

Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-31 02:38:31601semak imbas

How to Convert Color Names to Hex Codes in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn