Javascript에서 색상 이름을 16진수 코드로 변환하는 방법

색상 변환은 지루한 작업이 될 수 있습니다. 특히 모든 색상을 수동으로 코딩해야 하는 경우에는 더욱 그렇습니다. 가능한 조합. 다행히도 이 프로세스를 단순화하고 시간을 절약할 수 있는 방법이 있습니다.

내장 함수

광범위한 기능에도 불구하고 Javascript는 기본적으로 내장된 기능을 제공하지 않습니다. 색상 이름을 16진수 표현으로 직접 변환할 수 있는 함수입니다.

사용자 정의 구현

이 제한 사항을 해결하기 위해 외부 색상 이름 목록과 해당 16진수 코드를 사용하여 사용자 정의 기능을 만들 수 있습니다. 다음은 이 작업을 수행하는 방법을 보여주는 코드 조각입니다.

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 함수를 사용하려면 색상 이름을 인수로 전달하면 16진수 코드가 반환됩니다. 예:

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

사용자 정의 목록

제공된 예제에는 데모용으로 몇 가지 색상 이름이 포함되어 있습니다. https://www.w3schools.com/colors/colors_names.asp