Как преобразовать названия цветов в шестнадцатеричные коды в Javascript

Преобразование цветов может быть утомительной задачей, особенно если вам нужно вручную кодировать каждый возможная комбинация. К счастью, есть способы упростить этот процесс и сэкономить время.

Встроенная функция

Несмотря на свою обширную функциональность, 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;
}

Использование

Чтобы использовать функцию colorNameToHex, просто передайте имя цвета в качестве аргумента, и она вернет его шестнадцатеричный код. Например:

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

Пользовательский список

Приведенный пример включает несколько названий цветов для демонстрационных целей. Вы можете расширить этот список, включив в него все названия цветов, которые вам нужны, обратившись к полному списку цветов и их шестнадцатеричных кодов, например, приведенному здесь: https://www.w3schools.com/colors/colors_names.asp