Cómo convertir nombres de colores a códigos hexadecimales en Javascript

La conversión de colores puede ser una tarea tediosa, especialmente si necesita codificar manualmente cada combinación posible. Afortunadamente, hay formas de simplificar este proceso y ahorrar algo de tiempo.

Función incorporada

A pesar de su amplia funcionalidad, Javascript no proporciona de forma nativa una en una función que puede convertir directamente los nombres de los colores a sus representaciones hexadecimales.

Implementación personalizada

Para abordar esta limitación, usted Puede crear su propia función personalizada utilizando una lista externa de nombres de colores y sus códigos hexadecimales correspondientes. Aquí hay un fragmento de código que demuestra cómo hacer esto:

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

Uso

Para usar la función colourNameToHex, simplemente pase el nombre del color como argumento y devolverá su código hexadecimal. Por ejemplo:

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

Lista personalizada

El ejemplo proporcionado incluye algunos nombres de colores con fines de demostración. Puede ampliar esta lista para cubrir todos los nombres de colores que necesita consultando una lista completa de colores y sus códigos hexadecimales, como la que se encuentra aquí: https://www.w3schools.com/colors/colors_names.asp