OKLCH 색상 변환기

L(명도)이 실제로 보이는 밝기와 맞는다는 점이 다릅니다. HSL에서 노랑 hsl(60 100% 50%)과 파랑 hsl(240 100% 50%)은 명도가 똑같이 50%지만 눈에는 노랑이 훨씬 밝습니다. OKLCH로 옮기면 노랑은 L 97%, 파랑은 L 45%로 갈립니다. 그래서 L을 고정한 채 색상각만 돌리면 밝기가 고른 팔레트가 나옵니다.

그 OKLCH 좌표가 가리키는 색을 sRGB 모니터로는 낼 수 없다는 뜻입니다. 예를 들어 oklch(90% 0.2 90)은 «아주 밝으면서 아주 진한 노랑»인데, sRGB가 그 밝기에서 낼 수 있는 채도는 0.18 정도가 한계입니다. 이 계산기는 색역 밖이면 CSS Color 4의 색역 매핑 알고리즘으로 가장 가까운 표현 가능한 색을 함께 냅니다.

명도와 색상각은 두고 채도만 이분 탐색으로 줄입니다. 다만 줄이는 도중 단순히 채널을 잘라 낸 색과의 거리가 인지 한계(ΔEOK 0.02) 안으로 들어오면 그 잘라 낸 색을 택합니다. 채도만 계속 깎으면 필요 이상으로 흐려지기 때문입니다. 그래서 결과의 L·H가 입력과 조금 달라질 수 있습니다.

나란히 놓고 보아야 겨우 구별되는 정도로 통하는 값입니다. OKLab 좌표 사이의 유클리드 거리이며, 색역 매핑과 색 비교의 기준선으로 CSS Color 4가 채택한 수치입니다. 다만 «인지 한계»는 색·크기·주변 밝기에 따라 달라지는 것이라 절대적인 경계는 아닙니다.

감마를 2.2 거듭제곱으로 근사한 구현일 가능성이 큽니다. sRGB의 전달함수는 어두운 쪽에 직선 구간이 붙은 구간별 정의(0.04045 경계, 지수 2.4)라서 2.2로 뭉개면 어두운 색에서 L이 눈에 띄게 어긋납니다. 이 계산기의 값은 colorjs.io·culori 두 구현과 소수 6자리까지 일치합니다.

상한이 명도와 색상각마다 다릅니다. sRGB 안에서는 어떤 색도 0.32를 넘지 못하고(가장 진한 것이 마젠타 0.3225), 명도가 아주 밝거나 아주 어두운 쪽으로 갈수록 상한이 0에 가까워집니다. OKLCH 모드에서는 지금 L·H 조합의 최대 채도를 함께 보여 줍니다.

다릅니다. 이 계산기는 sRGB를 기준으로 색역을 판정하므로, P3처럼 더 넓은 색역을 쓰는 화면에서는 여기서 «밖»이라고 한 색도 표현됩니다. CSS의 oklch() 표기 자체는 색역과 무관하게 색을 가리키며, 실제로 무엇이 그려질지는 화면이 정합니다.

전송되지 않습니다. 모든 변환은 브라우저 안에서 이루어지며 입력값은 이 기기에만 남습니다.