RGB HSL 변환 도구

Red:

Green:

Blue:

HSL:
HEX:

색상 변환 도구

RGB HSL 변환

RGB에서 HSL로의 변환은 색 공간을 변경하는 프로세스입니다. RGB(빨강, 초록, 파랑)은 빛의 삼원색으로, 디지털 이미지에서 일반적으로 사용됩니다. HSL(색조, 채도, 명도)은 색을 다르게 표현하는 방법이며, 색조는 색의 종류, 채도는 색의 순도, 명도는 밝기를 나타냅니다.

RGB에서 HSL로의 변환은 수학적 계산을 사용하여 이루어집니다. 먼저 RGB 값을 정규화하고, 그 다음에 HSL 값을 계산합니다. 이 프로세스는 이미지 처리나 웹 디자인과 같은 분야에서 널리 사용되며, 색의 변환이나 조절에 도움이 됩니다.

RGB에서 HSL로의 변환은 색의 표현 방식을 이해하고 시각적 디자인에서 색을 관리하기 위한 중요한 도구입니다. 이 변환을 사용하면 색조, 채도, 명도의 다양한 조합을 시도하고 더 풍부한 색채 표현이 가능합니다.

색상

RGB 색 코드

HSL 색 코드

색

빨강

rgb(255, 0, 0)

hsl(0, 100%, 50%)

초록

rgb(0, 255, 0)

hsl(120, 100%, 50%)

파랑

rgb(0, 0, 255)

hsl(240, 100%, 50%)

노랑

rgb(255, 255, 0)

hsl(60, 100%, 50%)

보라

rgb(128, 0, 128)

hsl(300, 100%, 25%)

RGB HSL 변환 식

RGB에서 HSL로의 변환 식

입력 (R, G, B)

출력 (H, S, L)

0 ≤ R, G, B ≤ 1

0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1

1. 최대값과 최소값 찾기:

 Cmax = max(R, G, B)
 Cmin = min(R, G, B)
 Δ = Cmax - Cmin

2. 색조 (H) 계산:

 H =
 | (G - B) / Δ , if Cmax = R
 | (B - R) / Δ + 2 , if Cmax = G
 | (R - G) / Δ + 4 , if Cmax = B

단, H를 360도 범위에 맞추기 위해 필요한 수정을 가끔 수행할 수 있습니다.

3. 채도 (S) 계산:
S = Δ / (1 - |2L - 1|)

4. 명도 (L) 계산:
L = (Cmax + Cmin) / 2

5. 계산된 H를 360도 범위에 맞추기:

 H = H * 60° , if H < 0
 H = H * 60° - 360° , if H ≥ 0

RGB는 무엇인가요?

RGB는 빨강(Red), 초록(Green), 파랑(Blue)의 앞 글자를 딴 약어로, 디지털 색 모델의 한 종류입니다. 이 모델에서는 빨강, 초록, 파랑의 빛의 조합으로 다양한 색을 표현합니다.

RGB 색 모델은 디지털 이미지나 전자 기기의 디스플레이 등에서 널리 사용되며, 각 색상은 0에서 255의 범위로 표현됩니다. 각 성분의 조합으로 다양한 색을 만들어 낼 수 있습니다.

HSL은 무엇인가요?

HSL은 색조(Hue), 채도(Saturation), 명도(Lightness)의 앞 글자를 딴 약어로, 색의 표현 방법 중 하나입니다. 이 모델에서는 색조는 색의 종류(빨강, 초록, 파랑 등), 채도는 색의 선명도, 명도는 색의 밝기를 나타냅니다.

HSL 색 모델은 색을 직관적으로 표현할 수 있으며, 특히 디자인이나 그래픽 분야에서 널리 사용됩니다. 색조를 변경하여 색의 종류를 바꾸거나, 채도와 명도를 조절하여 색의 선명도와 밝기를 조절할 수 있습니다.

RGB를 HSL로 변환하는 이점은 무엇인가요?

RGB에서 HSL로의 변환에는 몇 가지 이점이 있습니다. 먼저, HSL은 인간의 눈에 직관적으로 이해하기 쉬운 색의 표현 방법입니다. 색조, 채도, 명도라는 3가지 요소로 색을 표현하기 때문에 색의 종류, 밝기, 선명도를 직관적으로 조절할 수 있습니다.

또한 디자인이나 그래픽 분야에서는 색의 조절이나 변환이 빈번하게 이루어집니다. RGB에서 HSL로의 변환을 통해 색의 미세한 조정이나 색의 조화를 확인하는 등이 더 효율적으로 이루어질 수 있습니다. 더불어 HSL을 활용함으로써 색조, 채도, 명도의 특성을 살려 표현과 디자인이 가능해집니다.

입력 (R, G, B)	출력 (H, S, L)
0 ≤ R, G, B ≤ 1	0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. 최대값과 최소값 찾기: `Cmax = max(R, G, B) Cmin = min(R, G, B) Δ = Cmax - Cmin`
2. 색조 (H) 계산: `H = \| (G - B) / Δ , if Cmax = R \| (B - R) / Δ + 2 , if Cmax = G \| (R - G) / Δ + 4 , if Cmax = B` 단, H를 360도 범위에 맞추기 위해 필요한 수정을 가끔 수행할 수 있습니다.
3. 채도 (S) 계산: `S = Δ / (1 - \|2L - 1\|)`
4. 명도 (L) 계산: `L = (Cmax + Cmin) / 2`
5. 계산된 H를 360도 범위에 맞추기: `H = H * 60° , if H < 0 H = H * 60° - 360° , if H ≥ 0`