RGB를 HSL로 변환하기 상호작용 슬라이더와 함께 RGB 값을 HSL 색상 형식으로 변환합니다.

RGB를 HSL 알고리즘은 R, G, B를 0-255 범위에서 0-1 범위로 정규화한 다음 최대 및 최소 채널 값을 식별합니다. 명도는 최대와 최소의 평균입니다: L = (max + min) / 2. 무색 색상(max = min)의 경우 Hue와 Saturation은 모두 0입니다. 유색 色色的 경우, Saturation = delta / (1 - |2L - 1|) 여기서 delta = max - min입니다. Hue 계산은 최대 채널에 따라 달라집니다: max가 R인 경우 → H = (G-B)/delta mod 6; max가 G인 경우 → H = (B-R)/delta + 2; max가 B인 경우 → H = (R-G)/delta + 4. 60을 곱하여 도를 얻습니다. 음수 Hue 값은 360을 더함으로써 조정됩니다. 결과적인 HSL 값들은 같은 색상을 원통 좌표계에서 설명합니다. 주요 통찰력: 동일한 색조와 채도이지만 다른 명도를 가진 두 가지 색상은 자연스럽게 서로의 틴트/シェード로 느껴집니다. 이 속성으로 인해 HSL은 색상 규모를 생성하는 데 이상적이며, 이는 RGB 공간에서 올바르게 수행하기가 훨씬 더 어려운 작업입니다.