🧪 OKLCH 색상 변환기 | HEX 값 즉시 변환

변환 방향

HEX 색상 코드

붙여 쓸 CSS 색상값

OKLCH 로 옮기면 밝기 비교가 쉬워진다

OKLCH 는 밝기와 채도, 색상각을 사람 눈이 느끼는 정도에 맞춰 나눈 색공간입니다. HSL 과 달리 밝기 값이 같으면 색이 달라도 비슷한 밝기로 보여서, 팔레트를 단계로 쌓거나 다크 모드 색을 짝지을 때 계산이 단순해집니다. 이 변환기는 HEX 를 oklch() 값으로 바꾸고, 반대로 oklch() 값을 HEX 로 되돌립니다.

계산은 Björn Ottosson 의 OKLab 레퍼런스 구현 계수와 W3C CSS Color 규격의 sRGB 선형화 식을 그대로 씁니다. 선형화 임계값은 0.04045 이고, 역방향은 같은 행렬을 수치로 역산해 왕복 오차를 줄였습니다. 채도가 0 에 가까운 무채색은 색상각이 정의되지 않아 0 으로 적습니다. 2026년 10월 기준입니다.

OKLCH 는 sRGB 보다 넓은 색을 담을 수 있어 HEX 로 옮길 수 없는 조합이 있습니다. 이때 조용히 자르지 않고 어느 채널이 얼마나 벗어났는지와 자른 근사값을 함께 보여 줍니다. HSL·HSB 변환과 팔레트 생성은 지원하지 않으며 각각 다른 도구가 담당합니다.

자주 묻는 질문

흰색이나 회색의 색상각은 왜 0으로 나오나요?

채도가 0인 색은 색상각이 수학적으로 정의되지 않습니다. 계산식의 역탄젠트가 부동소수 잡음 때문에 엉뚱한 각도를 내므로, 채도가 아주 작으면 0으로 적고 무채색이라고 표시합니다.

oklch 값을 넣었는데 색역을 벗어난다고 나옵니다.

OKLCH 는 sRGB 보다 넓은 색을 표현할 수 있어서 HEX 로 옮길 수 없는 조합이 생깁니다. 이 도구는 조용히 잘라내지 않고 얼마나 벗어났는지와 화면에 실제로 보일 색을 함께 보여 줍니다.

HSL 변환도 여기서 되나요?

이 페이지는 OKLCH 전용입니다. HEX·RGB·HSL 사이의 변환은 심플우디의 컬러 변환기가, HSB 는 별도의 HEX HSB 변환기가 담당합니다.

🧪OKLCH 색상 코드 변환기

관련된 도구

HEX ↔ HSB 값 변환기

색상 근사 매칭 ΔE 계산기

OKLCH 로 옮기면 밝기 비교가 쉬워진다

자주 묻는 질문

관련된 도구

HEX ↔ HSB 값 변환기

색상 근사 매칭 ΔE 계산기

OKLCH 로 옮기면 밝기 비교가 쉬워진다

자주 묻는 질문

같은 카테고리 도구