디자인 아틀라스
EN
✎ 그래픽·브랜딩·인쇄

CMYK vs RGB

화면은 빛을 더해 색을 만들고(RGB), 인쇄는 잉크를 섞어 색을 뺍니다(CMYK) — 그래서 화면의 쨍한 색 일부는 인쇄로 옮겨지지 않습니다.

다른 이름: 색 공간Color gamutGamut clipping
···
html
<div class="wrap">
  <div class="pane rgb"><div class="grad"></div><span class="tag">RGB · 화면</span></div>
  <div class="pane cmyk"><div class="grad"></div><span class="tag">CMYK · 인쇄</span></div>
</div>
css
.wrap{position:relative;display:flex;width:100%;height:100%}
.pane{position:relative;flex:1;overflow:hidden;display:flex;align-items:flex-end;padding:10px}
.pane+.pane{border-left:1px solid var(--line)}
.pane.cmyk{filter:saturate(.48) contrast(.88) brightness(.92)}
.grad{position:absolute;inset:-30%;background:linear-gradient(120deg,#00f6ff,#7dff2e,#ff2ec4,#ffe600);animation:hue 10s linear infinite}
@keyframes hue{to{filter:hue-rotate(360deg)}}
.tag{position:relative;z-index:1;color:#fff;font:800 11px/1 system-ui,sans-serif;text-shadow:0 1px 8px rgba(0,0,0,.55);letter-spacing:.01em}

RGB는 빛의 삼원색(빨강·초록·파랑)을 더해 흰색까지 만드는 가산혼합입니다. CMYK는 사이언·마젠타·옐로·블랙 잉크를 종이에 얹어 빛을 흡수시키는 감산혼합이라, 표현 가능한 색의 범위(색역, gamut)가 RGB보다 좁습니다.

특히 형광 초록, 쨍한 사이언, 채도 높은 주황은 화면에서는 멀쩡해 보여도 인쇄소 CMYK 색역 밖에 있어서 인쇄하면 탁하고 어두운 색으로 뭉개집니다(gamut clipping). 디자인 프로그램의 "CMYK 미리보기" 기능이 이걸 화면에서 미리 보여줍니다.

인쇄용 파일은 처음부터 CMYK 모드로 작업하거나, 최종본을 CMYK로 변환해 색이 어떻게 바뀌는지 반드시 확인해야 합니다. 데모는 같은 그라데이션을 RGB 그대로(왼쪽)와 인쇄 시뮬레이션(오른쪽)으로 나란히 보여줍니다 — 오른쪽이 눈에 띄게 탁해집니다.

언제 쓰나

인쇄 파일을 화면에서만 보고 확정하지 마세요. 브랜드 컬러가 형광·네온 계열이면 CMYK 대신 별색(→ spot-color) 사용을 검토하는 게 낫습니다.