Como converter nomes de cores em códigos hexadecimais em Javascript

A conversão de cores pode ser uma tarefa tediosa, especialmente se você precisar codificar manualmente cada combinação possível. Felizmente, existem maneiras de simplificar esse processo e economizar algum tempo.

Função integrada

Apesar de sua extensa funcionalidade, o Javascript não fornece nativamente uma função integrada. em função que pode converter diretamente nomes de cores em suas representações hexadecimais.

Implementação personalizada

Para resolver essa limitação, você pode criar sua própria função personalizada usando uma lista externa de nomes de cores e seus códigos hexadecimais correspondentes. Aqui está um trecho de código que demonstra como fazer isso:

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 a função colorNameToHex, basta passar o nome da cor como argumento e ela retornará seu código hexadecimal. Por exemplo:

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

Lista personalizada

O exemplo fornecido inclui alguns nomes de cores para fins de demonstração. Você pode estender esta lista para cobrir todos os nomes de cores necessários, consultando uma lista abrangente de cores e seus códigos hexadecimais, como o encontrado aqui: https://www.w3schools.com/colors/colors_names.asp