Comment convertir les noms de couleurs en codes hexadécimaux en JavaScript sans fonctions intégrées ?

Comment convertir les noms de couleurs en codes hexadécimaux en Javascript

La conversion des couleurs peut être une tâche fastidieuse, surtout si vous devez coder manuellement chaque combinaison possible. Heureusement, il existe des moyens de simplifier ce processus et de gagner du temps.

Fonction intégrée

Malgré ses fonctionnalités étendues, Javascript ne fournit pas nativement de fonction intégrée. dans une fonction qui peut convertir directement les noms de couleurs en leurs représentations hexadécimales.

Implémentation personnalisée

Pour résoudre cette limitation, vous pouvez créer votre propre fonction personnalisée à l'aide d'une liste externe de noms de couleurs et leurs codes hexadécimaux correspondants. Voici un extrait de code qui montre comment procéder :

<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>

Utilisation

Pour utiliser la fonction colourNameToHex, transmettez simplement le nom de la couleur comme argument et il sera renvoie son code hexadécimal. Par exemple :

<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>

Liste personnalisée

L'exemple fourni comprend quelques noms de couleurs à des fins de démonstration. Vous pouvez étendre cette liste pour couvrir tous les noms de couleurs dont vous avez besoin en vous référant à une liste complète de couleurs et de leurs codes hexadécimaux, comme celle trouvée ici : https://www.w3schools.com/colors/colors_names.asp

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!