색상 변환기
HEX, RGB, HSL, OKLCH 등 다양한 색상 형식을 실시간으로 변환합니다.
CSS 색상 형식 이해하기
웹에서 색상을 표현하는 방식은 여러 가지가 있습니다. 가장 널리 쓰이는 HEX는 #3b82f6 같은 16진수 코드로, 간결하지만 직관적으로 색상을 파악하기 어렵습니다. RGB는 빨강, 초록, 파랑의 빛 혼합 비율(0~255)로 색상을 정의하며, 디스플레이의 실제 발광 방식과 가장 가깝습니다.
HSL은 색상(Hue), 채도(Saturation), 밝기(Lightness)로 나누어 사람의 색 인지에 더 가까운 방식입니다. 하지만 밝기 인지가 균일하지 않다는 단점이 있어, 이를 개선한 OKLCH가 등장했습니다. OKLCH는 인간의 시각 인지에 기반한 균일한 색상 공간으로, Tailwind CSS v4와 최신 CSS 스펙에서 채택하고 있습니다.
HEX
16진수 색상 코드. #RRGGBB 형식
RGB
빨강, 초록, 파랑 채널. 각 0~255 범위
HSL
색상, 채도, 밝기. 직관적인 색상 조작에 유리
OKLCH
인지 균일 색상 공간. CSS Color Level 4 표준