색상 코드 변환기

어떤 값을 수정하더라도 색상 블록과 모든 형식이 즉시 동기화됩니다.

#B74F2A
HEX 색상
RGB 값
R
G
B
rgb(183, 79, 43)
HSL 값
H
S
L
hsl(11, 63%, 44%)
HSV 값
H
S
V
hsv(11°, 63%, 72%)
CMYK 값
C
M
Y
K
cmyk(0%, 66%, 80%, 28%)

색상 형식과 활용 분야

작업 환경에 따라 사용하는 모델이 다릅니다. 웹 개발은 HEX 또는 RGB를, 디자인 조정은 HSL/HSV를 선호합니다.

HEX는 RGB의 16진수 표현으로 CSS에서 간결하게 쓰이고, RGB는 픽셀과 이미지 처리에 직관적입니다.

HSL/HSV는 색상, 채도, 밝기를 분리해 팔레트나 그라데이션 설계에 유리합니다.

CMYK는 인쇄 표준으로, 화면 색과 인쇄 색을 맞추는 데 필수입니다.

형식 예시 사용 장면
HEX #FF5733 웹 디자인, CSS 스타일
RGB rgb(255, 87, 51) 화면 표시, Photoshop
HSL hsl(11, 100%, 60%) 색상/채도 조정
CMYK cmyk(0%, 66%, 80%, 0%) 인쇄, 그래픽 디자인
HSV hsv(11°, 80%, 100%) 이미지 처리, OpenCV

통합 변환기를 사용하면 디자인, 개발, 인쇄 간 포맷 일관성을 유지해 색상 편차를 줄일 수 있습니다.

1. 형식마다 숫자가 왜 이렇게 다른가요?

HEX와 RGB는 같은 모델을 다른 진법으로 표현한 것이고, HSL/HSV/CMYK는 지각 또는 인쇄 특성에 맞게 채널을 재구성합니다. 값은 달라도 동일한 색을 가리킵니다.

2. 변환 후 미세한 오차가 생기는 이유는?

색상 변환은 부동소수점 계산과 반올림, 색역 매핑을 포함합니다. 특히 CMYK는 인쇄 프로파일에 따라 달라 오차가 자연스럽습니다.

3. HSL/HSV는 언제 쓰면 좋나요?

팔레트 구성, 테마 변형, 그라데이션 설계처럼 색상/채도/밝기 조정이 핵심일 때 더 직관적입니다.

4. 인쇄에서 CMYK가 중요한 이유는?

프린터는 RGB 빛이 아닌 잉크를 혼합합니다. CMYK 값을 확인하면 인쇄 결과의 색상 편차를 줄일 수 있습니다.

5. HEX와 RGB 중 무엇을 쓰면 좋나요?

HEX는 CSS에 간결하고, RGB는 채널 단위 제어와 픽셀 처리에 직관적입니다.

6. HSL과 HSV의 차이는 무엇인가요?

HSL은 Lightness, HSV는 Value를 사용해 밝기를 배분합니다. 그라데이션과 단계 색상에서 느낌이 달라집니다.

7. 값의 범위가 고정된 이유는?

각 모델은 정의된 수치 범위를 가지며, 범위를 제한해야 유효한 색을 유지할 수 있습니다.

8. 잘못된 입력일 때 색이 바뀌지 않는 이유는?

입력 중 오류로 인한 잘못된 색 변경을 방지하기 위해 형식 검증 후에만 반영합니다.

9. 색상 값이 서버로 전송되나요?

아니요, 모든 계산은 브라우저에서 로컬로 처리됩니다.

10. CMYK가 인쇄 색과 완전히 일치하나요?

일반적인 변환 값이며, 실제 인쇄 일치는 ICC 프로파일과 용지, 장비 설정에 좌우됩니다.

색상 코드 변환기

HEX/RGB/HSL/HSV/CMYK 실시간 변환과 미리보기.

모바일에서 계속하려면 스캔하세요.