내장 기능 없이 JavaScript에서 색상 이름을 16진수 코드로 변환하는 방법은 무엇입니까?

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

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

내장 함수

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

사용자 정의 구현

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

<code class="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;
}</code>

Usage

colorNameToHex 함수를 사용하려면 색상 이름을 인수로 전달하면 됩니다. 16진수 코드를 반환합니다. 예:

<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>

사용자 정의 목록

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

위 내용은 내장 기능 없이 JavaScript에서 색상 이름을 16진수 코드로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!