HSL을 HEX로 변환하기 상호작용 슬라이더를 사용하여 HSL 색상 값을 HEX 코드로 변환합니다.

HSL에서 HEX로의 변환은 두 단계의 과정입니다: HSL → RGB → HEX. HSL에서 RGB 알고리즘은 먼저 색상 강도(Chroma)를 계산합니다: C = (1 - |2L - 1|) × S, 여기서 S와 L은 0-1 범위에 있습니다. 중간 값 X = C × (1 - |(H/60) mod 2 - 1|)는 두 번째 색상 구성 요소를 결정합니다. 색조 차트의 어느 60° 섹터에 있는지에 따라 R, G, B가 C, X 및 0에서 할당됩니다. 마지막으로 모든 채널에 명도 조정 m = L - C/2를 추가합니다. 결과는 R, G, B 값(0-1)을 0-255로 스케일링하고 두 자리 16진수 문자열로 변환합니다. 특이한 경우에는 무채색(S=0)에서 R=G=B=L×255가 됩니다. 또한 순수한 검은 색(L=0)은 #000000을 생성하며, 순수한 흰색(L=100%)은 #FFFFFF를 생성합니다. 이 알고리즘은 8비트당 채널 RGB로 표현할 수 있는 1,670만色的 경우에 대해 결정적이고 손실이 없습니다. 이 파이프라인을 이해하는 것은 JavaScript, Python 및 기타 언어에서 프로그래매틱 색상 조작의 핵심입니다.