해결됨: javascript hex to rgb

0000진수 색상 값을 RGB로 변환할 때의 주요 문제는 두 형식 간에 일대일 대응이 없다는 것입니다. 예를 들어 색상 #FF255은 RGB에서 0, 0, 0으로 표시되지만 XNUMX진수에서는 색상 #FXNUMX과 같습니다. 즉, 서로 다른 두 가지 색상이 각 색상 구성 요소의 양이 다른 경우 동일한 RGB 값을 가질 수 있습니다.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

"엄격하게 사용";

이 코드 줄은 더 나은 JavaScript를 작성하는 방법인 엄격 모드를 활성화합니다. 엄격 모드에서는 선언되지 않은 변수를 사용할 수 없습니다. 엄격 모드가 작동하려면 이 코드 줄이 JavaScript 파일의 맨 위에 있어야 합니다.

함수 hexToRgb(hex) {
var 결과 = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
반환 결과 ? {
r: parseInt(결과[1], 16),
g: parseInt(결과[2], 16),
b: parseInt(결과[3], 16)
} : 없는;
}

hex 색상 값을 RGB 색상 값으로 변환해주는 함수입니다. 이 함수는 변환하려는 XNUMX진수 색상 값인 하나의 매개변수를 받습니다. 이 함수는 정규식을 사용하여 XNUMX진수 색상 값의 패턴을 일치시키고 일치하는 항목을 찾으면 빨간색, 녹색 및 파란색 값이 있는 개체를 반환합니다. 일치하는 항목을 찾지 못하면 null을 반환합니다.

색상 간 변환

서로 다른 색상 공간 간에 색상을 변환하는 가장 좋은 방법은 응용 프로그램의 특정 요구 사항에 따라 다를 수 있으므로 이 질문에 대한 일률적인 대답은 없습니다. 그러나 JavaScript에서 색상 공간 간에 색상을 변환하는 방법에 대한 몇 가지 팁은 아래에서 찾을 수 있습니다.

한 색상 공간에서 다른 색상 공간으로 색상을 변환하려면 rgb() 및 hsl() 함수를 사용할 수 있습니다. 이 함수는 각각 빨간색, 녹색 및 파란색 값의 세 가지 인수를 사용합니다. 첫 번째 인수는 기본 색상 공간(예: RGB)을 지정하고 두 번째 및 세 번째 인수는 대상 색상 공간(예: HSL)을 지정합니다.

색상을 한 픽셀 형식에서 다른 픽셀 형식으로 변환하려면 css() 함수를 사용할 수 있습니다. 이 함수는 CSS 속성 이름을 나타내는 문자열(예: "color")과 해당 속성에 대해 원하는 값을 나타내는 숫자(예: "50")의 두 가지 인수를 사용합니다.

색상 형식

JavaScript에서 사용할 수 있는 몇 가지 색상 형식이 있습니다.

RGB – 빨강, 녹색, 파랑

헥스 – #RRGGBB

HSL – 색조, 채도, 밝기