컬러 포맷 변환기

사용법

1. 컬러 피커를 쓰거나 HEX 값(3 또는 6자리, # 생략 가능)을 붙여넣으세요.
2. 모든 포맷이 실시간으로 갱신됩니다.
3. 필요한 포맷의 복사 버튼을 누르세요.

자주 묻는 질문

OKLCH가 뭐예요?

지각적으로 균등한 색 공간이라 숫자 거리와 시각적 거리가 비례합니다. 최신 CSS가 기본 지원하며 Figma 2024+ 등 디자인 툴도 도입 중 — 그라디언트가 자연스럽고 대비 관리가 쉬워집니다.

RGB가 왜 두 줄인가요?

모던 CSS는 공백 구분 'rgb(59 130 246)', 레거시·구형 브라우저는 콤마 구분 'rgb(59, 130, 246)'. 색은 동일합니다.

투명도(RGBA/HSLA)는?

이 도구는 불투명 색에 집중합니다. 투명도가 필요하면 모던 문법에 '/ 0.5'를 덧붙이거나(예: 'rgb(59 130 246 / 0.5)') 레거시 'rgba(…, 0.5)' 형태를 쓰세요.

HSV는 HSB와 같나요?

네 — HSV(Value)와 HSB(Brightness)는 같은 모델의 다른 이름. CSS는 hsv()를 직접 받지 않으므로 스타일시트엔 HSL을 쓰세요.

관련 도구