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 Vous pouvez créer votre propre fonction personnalisée à l'aide d'une liste externe de noms de couleurs et de leurs codes hexadécimaux correspondants. Voici un extrait de code qui montre comment procéder :

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

Usage

Pour utiliser la fonction colourNameToHex, passez simplement le nom de la couleur en argument et elle renverra son code hexadécimal. Par exemple :

console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00

Liste personnalisée

L'exemple fourni inclut 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