RGB CMYK 차이점 및 가산혼합 vs 감산혼합 웹디자인 프린터 인쇄물

디자인 작업을 하다 보면 RGB, CMYK, HEX, sRGB, Display P3, ICC Profile 같은 용어를 자주 접하게 됩니다.

웹배너와 홈페이지 이미지는 모니터에서는 선명했는데 인쇄소에서 받은 전단지나 브로슈어는 색이 탁해지고, 반대로 CMYK로 만든 이미지를 웹에 올렸더니 생각보다 채도가 낮게 보이는 경험도 흔합니다.

이 차이는 단순히 “RGB는 웹, CMYK는 인쇄”만 알아서는 완전히 설명되지 않습니다. 실제 결과물에는 색공간, ICC 프로파일, 모니터 캘리브레이션, 프린터·인쇄기, 잉크, 종이, 렌더링 방식까지 영향을 줍니다.

RGB·CMYK·HEX·먼셀 색체계 차이부터 이해하기

먼셀 색상환이란?｜20색상환보다 먼저 알아야 할 10 Hue

먼셀 색체계는 미국의 화가이자 색채교육자 Albert H. Munsell이 체계화한 색 표기방법입니다.

먼셀에서는 색을 단순히 빨강·노랑·파랑처럼 이름으로만 구분하지 않고 Hue 색상, Value 명도, Chroma 채도 세 축으로 표현합니다.

먼셀 공식 체계의 기본 Hue Family는 다음 10가지입니다.

그럼 먼셀 20색상환은 틀린 표현일까?

색채교육에서 색상환을 20칸으로 단순화해서 설명하는 방식은 이해에 도움이 되지만, 먼셀 시스템 전체가 정확히 20개의 색으로 구성돼 있다는 의미는 아닙니다.

먼셀에서는 각각의 R·YR·Y·GY·G·BG·B·PB·P·RP 구간을 다시 숫자로 세분화합니다. 대표 중심 Hue인 5R·5YR·5Y…뿐 아니라 1R, 2R, 3R, 10R 같은 중간 위치도 기록할 수 있어 전체 Hue Circle을 100개의 단계로 표현할 수 있습니다.

20단계로 단순화해 본다면 5R → 10R → 5YR → 10YR → 5Y…처럼 각 Hue Family에서 두 지점을 잡아 이해할 수 있습니다.

먼셀 Hue·Value·Chroma 표기 읽는 방법

먼셀 표기는 일반적으로 Hue Value/Chroma 형태로 읽습니다.

Value는 이론적인 0의 Black에서 10의 White 방향으로 올라가며, Chroma는 특정한 최대값 하나로 고정되지 않고 Hue와 Value에 따라 실제 가능한 최대 Chroma가 달라집니다.

RGB 가산혼합｜모니터·스마트폰·웹에서 색을 만드는 원리

RGB는 Red, Green, Blue 세 가지 빛의 성분을 조합해 색을 표현합니다.

8bit RGB에서는 각 채널을 일반적으로 0~255로 표현하며, RGB(255,255,255)는 흰색, RGB(0,0,0)은 검은색이 됩니다.

여기서 한 가지 자주 잘못 표현되는 부분이 있습니다. “RGB 모니터 케이블을 사용한다”고 부르는 것은 정확하지 않습니다.

현재 모니터 연결은 HDMI·DisplayPort·USB-C·Thunderbolt 등 다양한 인터페이스를 사용하며, RGB는 케이블 종류가 아니라 화면에서 색을 표현하는 색상 모델과 신호의 색 표현방식을 이해하는 개념입니다.

CMYK 감산혼합｜프린터와 인쇄소에서 사용하는 이유

CMYK는 Cyan, Magenta, Yellow, Black/Key 네 성분을 기준으로 합니다.

이론적인 감산혼합에서는 Cyan·Magenta·Yellow를 겹치면 검은색 방향으로 어두워지지만, 실제 인쇄에서는 잉크와 종이의 물리적인 특성 때문에 CMY만으로 깨끗하고 깊은 Black을 만들기 어렵습니다.

그래서 검정 잉크인 K를 별도로 사용해 검정 텍스트와 그림자의 밀도를 안정적으로 만들고, 잉크 사용량과 인쇄 품질도 관리합니다.

HEX 색상코드는 RGB와 무엇이 다를까?

웹디자인에서 자주 사용하는 #FF0000, #00FF00, #0066FF 같은 코드는 HEX Color입니다.

하지만 HEX를 RGB와 완전히 다른 색상 모델로 생각하면 안 됩니다. CSS에서 흔히 사용하는 #RRGGBB는 각 RGB Channel 값을 0~255 대신 00~FF의 16진수로 기록한 방식입니다.

현재 CSS에서는 기존 HEX·RGB 색상이 기본적으로 sRGB를 기준으로 하지만 최신 브라우저와 디스플레이에서는 Display P3 같은 Wide-Gamut 색공간도 사용할 수 있습니다.

/* 일반 sRGB HEX */
.brand-red {
  color: #ff3b30;
}

/* Wide-Gamut Display P3 예 */
.brand-red-p3 {
  color: color(display-p3 1 0.15 0.10);
}

RGB·HEX·CMYK 색상 변환 계산기

아래 계산기는 웹에서 색상을 빠르게 확인할 때 사용할 수 있습니다. Color Picker 또는 HEX·RGB 값을 바꾸면 서로 대응되는 RGB·HEX와 참고용 CMYK 값을 계산합니다.

RGB를 CMYK 숫자로 바로 변환하면 왜 인쇄색이 안 맞을까?

RGB(255,0,0)을 어떤 공식에 넣으면 CMYK(0,100,100,0) 같은 값을 얻을 수 있습니다.

하지만 이 값은 실제 인쇄 결과를 보장하는 CMYK 값이 아닙니다.

같은 C·M·Y·K 비율이라도 코팅지와 비코팅지, 잉크 종류, Offset Press와 Digital Printer, 프린터 제조사에 따라 실제 색이 다르게 나옵니다.

그래서 전문적인 Color Management에서는 단순 RGB→CMYK 공식 대신 ICC Profile을 사용합니다.

ICC 프로파일이란?｜모니터 색과 인쇄 색을 연결하는 핵심

ICC Profile은 모니터·카메라·스캐너·프린터·인쇄기처럼 각 장치가 색을 어떻게 재현하는지 정의해 서로 다른 장치 사이에서 색을 변환할 때 사용하는 정보입니다.

모니터에서는 선명한데 인쇄하면 색이 탁해지는 이유

RGB 모니터는 스스로 빛을 내지만 인쇄물은 종이에 반사된 빛을 봅니다. 이 차이만으로도 화면과 종이는 완전히 같은 느낌을 내기 어렵습니다.

여기에 RGB와 CMYK의 색영역 차이가 더해집니다. 특히 매우 밝은 Green·Blue·Neon 계열처럼 RGB에서 표현하기 쉬운 색 중 일부는 일반 CMYK Process Color로는 동일하게 재현할 수 없습니다.

포토샵 RGB에서 CMYK 변환하는 방법

Photoshop에서 단순하게 Document Mode를 확인하려면 이미지 → 모드(Image → Mode)에서 RGB Color·CMYK Color 등을 확인할 수 있습니다.

다만 전문 인쇄물은 단순히 RGB에서 CMYK 버튼을 누르는 것보다 Edit → Convert to Profile을 이용해 실제 인쇄 조건의 ICC Profile로 변환하는 방식이 더 중요합니다.

Adobe 역시 RGB 이미지로 작업할 경우 대부분의 편집을 먼저 RGB에서 수행하고 필요한 출력환경에 맞춰 마지막 단계에서 CMYK로 변환하는 방식을 안내합니다.

참고 :

포토샵 이미지 크기 확인 및 RGB·CMYK·흑백 변경

HTML CSS 웹디자인 RGB CMYK 색상표

Illustrator 문서 RGB·CMYK 바꾸는 방법

Illustrator에서는 File → Document Color Mode에서 RGB Color 또는 CMYK Color를 선택할 수 있습니다.

웹·앱·SNS·온라인 배너처럼 디지털 화면이 최종 결과물이라면 RGB, Offset 인쇄·브로슈어·명함·패키지처럼 인쇄소 CMYK Process Color가 최종 출력이라면 인쇄 조건에 맞는 CMYK Document를 사용하는 것이 일반적입니다.

RGB의 선명한 색 중 CMYK 색역 밖에 있는 색은 Illustrator의 Color Picker에서 Out of Gamut Warning이 표시될 수 있습니다.

Soft Proof로 인쇄될 색상 미리 확인

CMYK로 실제 변환하기 전에 Soft Proof를 사용하면 원본 RGB 데이터를 유지하면서 특정 Printer·Press Profile에서 색이 어떻게 변할지 화면으로 시뮬레이션할 수 있습니다.

sRGB·Adobe RGB·Display P3는 모두 RGB인데 왜 다를까?

RGB라는 이름이 같다고 모든 RGB 색공간이 동일한 것은 아닙니다.

따라서 RGB 값이 255,0,0으로 같아도 어떤 RGB Profile에서 해석하느냐에 따라 색의 실제 의미가 달라질 수 있습니다.

웹디자인과 인쇄디자인 컬러 설정 비교

프린터 인쇄 전 체크할 항목

1. 최종 매체 확인
   
   웹·모바일·영상인지 인쇄물인지 먼저 결정합니다.
   
2. Document Color Profile 확인
   
   파일에 sRGB·Adobe RGB·CMYK Profile이 제대로 포함돼 있는지 확인합니다.
   
3. 인쇄소 Profile과 PDF 규격 확인
   
   임의의 CMYK Profile 대신 실제 인쇄업체의 작업지침을 사용합니다.
   
4. Out-of-Gamut Color 확인
   
   RGB의 형광·고채도 색상이 CMYK에서 어떻게 줄어드는지 Soft Proof로 확인합니다.
   
5. 검정색 확인
   
   작은 검정 텍스트와 넓은 검정 배경은 인쇄조건에 따라 Pure Black과 Rich Black 사용법이 다릅니다.
   
6. 별색 필요 여부 확인
   
   형광색·메탈릭·기업 지정색처럼 CMYK만으로 표현하기 어려운 경우 Spot Color를 검토합니다.
   
7. 실물 교정
   
   색 정확도가 중요한 브랜딩·패키지는 모니터만 보고 확정하지 말고 출력 교정을 진행합니다.
   

프린터 드라이버 설치가 필요한 경우에는 삼성 프린터 드라이버 자동 설치방법 도 함께 참고할 수 있습니다.

RGB·CMYK·먼셀 색상 자주 묻는 질문

Adobe·Munsell·W3C 공식 참고자료