HEX ↔ OKLCH 변환기

OKLCH는 인간의 시각 인지에 기반한 균일 색상 공간(perceptually uniform color space)입니다. 기존 HSL이 수학적으로 단순하지만 밝기 인지가 고르지 않은 반면, OKLCH는 같은 L 값이면 실제로 같은 밝기로 느껴지도록 설계되었습니다. CSS Color Level 4 스펙에 포함되어 있고, Tailwind CSS v4의 기본 색상 공간으로 채택되면서 프론트엔드 개발에서 중요도가 높아지고 있습니다.

OKLCH의 가장 큰 장점은 채도나 색상만 바꿔도 밝기가 일정하게 유지된다는 점입니다. 디자인 시스템에서 색상 팔레트를 만들거나, 다크 모드 색상을 조정할 때 예측 가능한 결과를 얻을 수 있습니다. 또한 sRGB보다 넓은 색역(P3 등)의 색상도 표현할 수 있어 최신 디스플레이의 능력을 온전히 활용할 수 있습니다.