색상 변환기

HEX, RGB, HSL, CMYK 색상 형식 간 변환

색상 도구

색상 미리보기

HEX

CMYK

RGB

R

G

B

HSL

H

S%

L%

팔레트 단계

#052861

#0846aa

#0b64f4

#5593f7

#9ec1fa

대비 확인

흰색 위

비율 3.68:1 • 검토 필요

검은색 위

비율 5.71:1 • AA 통과

CSS 변수

--color-primary: #3b82f6;
--color-primary-rgb: 59 130 246;
--color-primary-hsl: 217 91% 60%;

무료 색상 변환기로 HEX, RGB, HSL, CMYK 색상 형식을 즉시 변환하세요. 다양한 디자인 도구와 색상 공간에서 작업하는 웹 디자이너, 그래픽 디자이너, 개발자에게 필수적인 도구입니다.

사용 방법

1지원되는 형식(HEX, RGB, HSL, CMYK) 중 하나로 색상 값을 입력합니다.
2나머지 형식의 동등한 값이 즉시 계산되어 표시됩니다.
3각 형식의 복사 버튼으로 개별 값을 복사합니다.
4색상 미리보기로 선택한 색상을 시각적으로 확인합니다.
5다양한 값을 입력하여 색상 공간을 탐색해보세요.

주요 기능

✓HEX, RGB, HSL, CMYK 간 변환
✓실시간 색상 미리보기
✓각 형식 개별 복사 버튼
✓실시간 변환
✓무료, 회원가입 불필요

활용 예시

•디자이너가 준 HEX 색상을 HSL로 바꿔 hover, disabled 상태의 밝기를 조정합니다.
•스크린샷 도구에서 얻은 RGB 값을 CSS에서 쓰기 좋은 HEX 또는 HSL로 변환합니다.
•웹 색상을 인쇄 디자인 툴로 옮기기 전에 CMYK 근사값을 참고합니다.

주의할 점

•RGB와 HEX는 화면용 색상이고 CMYK 변환은 근사값입니다. 인쇄물은 전용 디자인 툴에서 다시 확인해야 합니다.
•투명도만 낮추는 것은 접근성 있는 밝은 색을 고르는 것과 다릅니다.
•색상 값만으로 가독성이 보장되지 않습니다. 텍스트와 UI 요소는 대비율 확인이 필요합니다.

자주 묻는 질문