인쇄용에서 온 색을 웹에서 동일하게 쓰고 싶나요? CMYK를 HEX로 바꾸면 잉크 혼합의 가장 가까운 화면 대응색을 얻어 CSS, Figma 또는 브랜드 시트에 붙여넣을 수 있습니다.
CMYK에서 HEX로 어떻게 변환되는지
- 네 개의 CMYK 퍼센트를 100으로 나누세요.
- 먼저 키 성분을 적용하세요: 모든 채널은 (1 − K)로 스케일됩니다.
- 채널을 계산하세요: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- 각 채널을 반올림하고 두 자리 16진수로 써서 # 뒤에 이어 붙이세요.
작동 예시
CMYK cmyk(86%, 0%, 17%, 26%)=HEX #1ABD9D
본질적으로 근사값입니다. CMYK는 화면보다 표현할 수 있는 색 범위가 좁아 HEX 결과는 색관리된 완전한 일치라기보다 충실한 미리보기입니다 — 완벽한 일치는 인쇄소의 ICC 프로파일이 필요합니다.
CMYK과(와) HEX 설명
CMYK이(가) 무엇인가요?
CMYK는 인쇄에서 쓰이는 4색 잉크 모델로 시안, 마젠타, 옐로우, 블랙(key)을 각 0–100% 비율로 나타냅니다. 잉크는 빛을 흡수(감산)하므로 화면보다 재현 가능한 색 영역이 좁아 밝은 화면 색상이 인쇄되면 다소 탁해 보일 수 있습니다.
- 구문:
- cmyk(C%, M%, Y%, K%)
- 범위:
- 잉크별 0–100%
- 적합한 용도:
- 인쇄, 패키지, 인쇄용 작품 준비
HEX이(가) 무엇인가요?
HEX 코드는 앞의 # 뒤에 오는 여섯 자리 16진수로 색의 빨강, 초록, 파랑 채널을 저장합니다. 두 자리씩이 각 채널을 나타내며 00(없음)에서 FF(최대)까지 표현해 RGB와 같은 1,670만 색을 더 짧게 표기합니다. HEX는 CSS, 디자인 도구, 브랜드 가이드라인에서 기본 표기입니다.
- 구문:
- #RRGGBB
- 범위:
- 채널별 00–FF
- 적합한 용도:
- CSS, 디자인 인수인계, 브랜드 가이드라인
CMYK to HEX 참조표
가장 흔한 CSS 색상들을 CMYK에서 HEX로 변환한 표입니다.
| 색상 | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |