왜 우리는 RGB와 HSL에서 OKLCH로 전환했을까요?
글 링크: https://bit.ly/430bXMO
소개
최근 Tailwind CSS v4 업데이트를 살펴보다가 OKLCH 색상 공간을 접하게 되었습니다.
OKLCH는 기존의 RGB, HSL 색상 모델과 달리, 사람의 지각을 기반으로 밝기와 채도를 정의하기 때문에 보다 일관성 있는 색상 표현과 조작이 가능합니다.
개인적으로 관련 글을 읽어보니, 확실히 기존 색상 시스템의 문제를 해결할 수 있는 게임 체인저라는 생각이 들었고, 머지않은 미래에 새로운 표준으로 자리 잡을 가능성도 충분해 보였습니다.
요즘 가장 핫한 기술 중 하나인 Tailwind 팀이 왜 신버전에 OKLCH를 적용했는지, 이 글을 읽고 나면 여러분도 공감하실 듯합니다.
목차
CSS 색상은 어떻게 변화해왔을까
OKLCH와 기존 CSS 색상 형식 비교
OKLCH는 어떻게 작동할까
프로젝트에 OKLCH 적용하기
요약