인쇄용에서 온 색을 웹에서 동일하게 쓰고 싶나요? CMYK를 HEX로 바꾸면 잉크 혼합의 가장 가까운 화면 대응색을 얻어 CSS, Figma 또는 브랜드 시트에 붙여넣을 수 있습니다.
CMYK에서 HEX로 어떻게 변환되는지
- CMYK 네 가지 퍼센트를 Coated FOGRA39 프로파일의 잉크량으로 사용합니다.
- 그 잉크 조합을 프로파일이 인쇄하는 색으로 읽습니다. 이때 상대 색도계 렌더링 방식과 검은점 보정을 사용합니다.
- 그 색을 sRGB로 변환합니다. 화면이 표현할 수 없는 색은 화면이 보여줄 수 있는 가장 가까운 값으로 잘라냅니다.
- 각 채널을 반올림하고 두 자리 16진수로 써서 # 뒤에 이어 붙이세요.
작동 예시
CMYK cmyk(75%, 2%, 49%, 0%)=HEX #1AAD98
이 결과는 인쇄기 프로파일이 아니라 표준 Coated FOGRA39 프로파일을 사용합니다. 다른 CMYK 프로파일(예: 인쇄소의 프로파일)은 다른 값을 내므로, HEX 결과는 충실한 미리보기로 보고 브랜드에 중요한 색은 교정 인쇄본으로 확인하세요.
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |
자주 묻는 질문
CMYK 네 가지 퍼센트를 Coated FOGRA39 프로파일의 잉크량으로 사용합니다. 그 잉크 조합을 프로파일이 인쇄하는 색으로 읽습니다. 이때 상대 색도계 렌더링 방식과 검은점 보정을 사용합니다. 그 색을 sRGB로 변환합니다. 화면이 표현할 수 없는 색은 화면이 보여줄 수 있는 가장 가까운 값으로 잘라냅니다. 각 채널을 반올림하고 두 자리 16진수로 써서 # 뒤에 이어 붙이세요.
이 결과는 인쇄기 프로파일이 아니라 표준 Coated FOGRA39 프로파일을 사용합니다. 다른 CMYK 프로파일(예: 인쇄소의 프로파일)은 다른 값을 내므로, HEX 결과는 충실한 미리보기로 보고 브랜드에 중요한 색은 교정 인쇄본으로 확인하세요.
HEX 코드는 앞의 # 뒤에 오는 여섯 자리 16진수로 색의 빨강, 초록, 파랑 채널을 저장합니다. 두 자리씩이 각 채널을 나타내며 00(없음)에서 FF(최대)까지 표현해 RGB와 같은 1,670만 색을 더 짧게 표기합니다. HEX는 CSS, 디자인 도구, 브랜드 가이드라인에서 기본 표기입니다.
예. 입력 옆의 교체 버튼을 누르면 HEX → CMYK 변환기로 이동하며 작동 방식은 똑같습니다. 양 방향 모두 같은 공식을 사용하되 적용 순서만 반대입니다.
색상이 브랜드 매뉴얼에서 왔으면 이미 지정된 HEX나 팬톤 값이 있는지 확인하세요. 문서화된 코드는 변환된 값보다 항상 우선합니다.