Maison > interface Web > js tutoriel > Comment convertir les noms de couleurs en codes hexadécimaux en JavaScript ?

Comment convertir les noms de couleurs en codes hexadécimaux en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-10-31 02:38:31
original
635 Les gens l'ont consulté

How to Convert Color Names to Hex Codes in JavaScript?

Conversion des noms de couleurs en codes hexadécimaux en Javascript

En Javascript, il n'existe pas de fonction intégrée spécialement conçue pour convertir les noms de couleurs en leurs représentations hexadécimales. Cependant, nous pouvons en créer un en utilisant une liste complète de noms de couleurs et de leurs codes hexadécimaux correspondants.

Vous trouverez ci-dessous une fonction Javascript qui prend un nom de couleur et renvoie son équivalent en code hexadécimal :

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;
}
Copier après la connexion

Cette fonction prend un nom de couleur (en minuscules) comme argument et le recherche dans l'objet couleurs. Si la couleur existe dans la liste, la fonction renvoie son code hexadécimal ; sinon, il renvoie false.

Par exemple :

const hexCode = colourNameToHex('white');
console.log(hexCode); // '#ffffff'
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal