🎨
색상 변환기
HEX, RGB, HSL 형식 간 색상을 변환합니다.
클릭하여 색상 선택
예: 59, 130, 246
예: 217, 91%, 60%
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
CMYK: cmyk(76%, 47%, 0%, 4%)
색상 팔레트
보색
유사색
삼원색
명도 변형
💡 사용법
HEX, RGB, HSL 중 어느 입력란에나 색상값을 입력하면 나머지 형식으로 자동 변환됩니다. 색상 미리보기 영역을 클릭하면 브라우저 색상 피커가 열려 시각적으로 색을 선택할 수도 있습니다. 각 형식 옆의 복사 버튼으로 원하는 값을 클립보드에 즉시 저장합니다. 웹 디자인 작업에서 CSS 색상 코드를 형식에 맞게 변환하거나, 디자인 툴과 코드 간 색상 값을 맞출 때 특히 유용합니다.
관련 도구
자주 묻는 질문
HEX, RGB, HSL 중 어떤 색상 형식을 사용해야 하나요?▼
CSS에서는 HEX(#3b82f6)가 가장 간결합니다. 투명도가 필요하면 RGB(rgba)를, 색상 조정이 필요하면 HSL이 직관적입니다.
웹 접근성을 위한 색상 대비 기준은?▼
WCAG 기준으로 일반 텍스트는 4.5:1, 큰 텍스트(18pt 이상)는 3:1 이상의 명도 대비가 필요합니다.
CMYK와 RGB의 차이는?▼
RGB는 화면용(빛의 혼합), CMYK는 인쇄용(잉크의 혼합)입니다. 웹 디자인에는 RGB/HEX/HSL을, 인쇄물에는 CMYK를 사용하세요.