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

Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-10-31 02:38:31
asal
633 orang telah melayarinya

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;
}
Salin selepas log masuk

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'
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan