색상 변환기

다양한 색상 형식(HEX, RGB, HSL, OKLCH, RGBA, HSLA) 간의 변환을 지원합니다.

색상 선택
색상을 선택하거나 입력하세요
HEX
16진수 색상 코드
RGB
빨강, 초록, 파랑 값 (0-255)
HSL
색조, 채도, 명도
OKLCH
현대적인 지각적 색상 공간
RGBA
투명도가 포함된 RGB
HSLA
투명도가 포함된 HSL
색상 프리셋
자주 사용되는 색상을 선택하세요
CSS 변수
CSS에서 사용할 수 있는 변수 형태
색상 형식 설명

HEX (16진수)

#RRGGBB 형식으로 각 색상 채널을 00-FF(0-255) 범위로 표현합니다. 웹에서 가장 널리 사용됩니다.

RGB

빨강(Red), 초록(Green), 파랑(Blue) 값을 0-255 범위로 표현합니다. 직관적이고 이해하기 쉽습니다.

HSL

색조(Hue), 채도(Saturation), 명도(Lightness)로 표현합니다. 색상 조정이 직관적입니다.

OKLCH

현대적인 지각적 색상 공간입니다. 명도(L), 채도(C), 색조(H)로 구성되며 인간의 시각에 더 가깝습니다.

RGBA/HSLA

RGB/HSL에 투명도(Alpha) 값이 추가된 형식입니다. 0(완전 투명)부터 1(완전 불투명)까지 표현합니다.

CSS 변수

CSS에서 재사용 가능한 변수 형태로 색상을 정의할 수 있습니다. 테마 시스템에 유용합니다.

    색상 변환기