색상 변환기 & 피커

HEX, RGB, HSL, HSV, CMYK 색상 코드를 실시간으로 변환하고 팔레트 및 대비율을 확인합니다.

High-Precision Color Math

White Text (4.47:1)

Black Text (4.70:1)

White AA: Fail ✗ (4.47:1)

Black AA: Pass ✓ (4.70:1)

HEX 코드

#6366F1

RGB 값

rgb(99, 102, 241)

HSL 값

hsl(239, 84%, 67%)

HSV 값

hsv(239, 59%, 95%)

CMYK (인쇄용)

cmyk(59%, 58%, 0%, 5%)

10%

20%

30%

40%

50%

60%

70%

80%

90%

Complementary (보색 - 180° Contrast)

#6366F1

#F2EF64

Analogous (유사색 - ±30° Harmony)

#64ADF2

#6366F1

#A864F2

도구 소개 및 사용 가이드

RGB, HSL, CMYK의 차이점은 무엇인가요?

RGB는 모니터 화면에서 빛을 섞는 가산 혼합 모델입니다. HSL은 사람이 색상, 채도, 명도를 직관적으로 조절하기에 좋으며, CMYK는 잉크를 사용하는 전문 인쇄용 감산 혼합 모델입니다.

컬러 피커에서 색상을 선택하거나 HEX, RGB, HSL 값을 입력합니다.

실시간으로 변환된 HEX, RGB, HSL, HSV, CMYK 결과값을 확인합니다.

자동 생성된 명암 팔레트 및 보색 조합을 확인하고 필요한 CSS 코드를 복사하세요.

웹 디자인에서는 왜 HEX/RGB를 쓰고 인쇄에서는 CMYK를 쓰나요?

디지털 화면은 픽셀의 빛(RGB)을 발산하지만, 종이 인쇄는 잉크(CMYK)가 빛을 흡수하므로 변환 계산이 필요합니다.

웹 접근성 텍스트 대비율(Contrast Ratio)이란 무엇인가요?

배경과 텍스트 간의 명암 차이 지표입니다. WCAG 표준에 따르면 일반 텍스트 기준 4.5:1 이상의 대비율을 만족해야 읽기 쉽습니다.

보색(Complementary Color)은 어떤 원리인가요?

360도 색상환에서 정확히 정반대(180도) 위치에 있는 색상으로, 강렬하고 대비가 분명한 시각적 효과를 줍니다.