컬러 피커 및 색상 변환기 (HEX, RGB, HSL)
웹 UI 디자인을 위한 색상을 선택하고 HEX, RGB, HSL, CSS 포맷 간에 실시간 상호 변환합니다. WCAG 대비율 검사 기능 지원.
Color Picker & Palette Generator
Scenario PresetsHandcrafted design tokens
#4F46E5
White TextRatio 6.29:1
Black TextRatio 3.34:1
Active Color RepresentationW3C Color 4 Ready
#4F46E5
Channel Adjustments
Hue (H)243°
Saturation (S)75%
Lightness (L)59%
WCAG 2.1 Contrast ComplianceRelative Luminance: 0.117
AA Normal (4.5:1)✓ PASS
AA Large (3.0:1)✓ PASS
AAA Normal (7.0:1)⚠ ADVISORY
AAA Large (4.5:1)✓ PASS
Dynamic Color Harmonies & ScaleClick any swatch to apply
Complementary (+180°)
Analogous (±30°)
Triadic (±120°)
Tonal Shade Scale (L-25 to L+25)
정보
일관된 색상 팔레트 구축은 현대적인 웹 프론트엔드 개발과 UX/UI 디자인의 핵심입니다. 본 도구는 디자이너와 프론트엔드 엔지니어가 사용하는 HEX(16진수), RGB(빛의 삼원색), HSL(색상/채도/명도) 값을 실시간 변환하고 WCAG 접근성 대비율을 즉각 계산합니다.