빠른 컬러 코드 변환기:
HEX, RGB, HSL & OKLCH
실시간 멀티 포맷 변환과 동적 컬러 피드백을 경험하세요. 2026년 웹 디자인 표준인 OKLCH를 포함한 개발자용 CSS 코드 스니펫을 즉시 얻을 수 있습니다.
RGB
rgb(74, 144, 226)
74
144
226
HSL
hsl(211°, 71%, 59%)
OKLCH
2026 표준oklch(0.65% 0.15 252)
인간의 인지적 특성을 반영한 현대적인 컬러 선언 방식입니다.
HEX
#4A90E2
색상 인지 분석 (Color Perception)
색온도
시원함 & 차분함
선명도
높은 채도 - 매우 생생함
UI 쾌적성
UI 사용에 적합함
실험 모드 (Experiment Mode)
실험 모드에 진입하여 RGB 채널별 수동 조절 기능을 활성화하세요.
개발용 CSS 코드 스니펫
Tailwind CSS
colors: { 'my-color': '#4A90E2' }Standard CSS
color: #4A90E2;Standard RGB
background-color: rgba(74, 144, 226, 0.5);Modern CSS (OKLCH)
color: oklch(0.65% 0.15 252);실시간 멀티 포맷 변환 (HEX, RGB, HSL, OKLCH)
모든 주요 컬러 포맷 사이를 즉시 변환하세요. 당사의 도구는 전통적인 HEX 및 RGB 포맷은 물론, 2026년 웹 디자인 표준인 HSL 및 OKLCH와 같은 현대적인 컬러 공간 모델을 완벽하게 지원합니다. 빠르고 정확한 변환으로 디자인 작업의 효율성을 높이세요.
동적 컬러 인지 피드백
선택한 색상이 사용자에게 어떻게 인지될지 즉각적인 피드백을 받으세요. 색온도, 선명도, UI 쾌적성을 디자인 적용 전에 미리 파악할 수 있습니다.
개발자 최적화 코드
모든 컬러 포맷에 대해 즉시 복사 가능한 CSS 코드를 제공합니다. Tailwind 설정, 투명도 지원 RGB, 현대적인 OKLCH 선언문이 포함됩니다.
자주 묻는 질문 (FAQ)
OKLCH 컬러 공간이란 무엇인가요?
OKLCH는 RGB나 HSL보다 더 일관된 지각 밝기를 제공하는 현대적인 지각 컬러 공간 모델입니다. 인간의 눈이 느끼는 밝기와 숫자가 일치하기 때문에 정교한 디자인 구성에 매우 유리합니다.
HEX에서 RGB로 변환하는 방법은?
6자리 HEX 코드를 세 쌍(#RRGGBB)으로 나눕니다. 각 쌍을 16진수에서 10진수로 변환하면 됩니다. 당사의 도구는 이 과정을 즉시 자동화해 줍니다.
선택한 색상을 팔레트로 구성하고 싶으신가요?
팔레트 생성기 바로가기