디자인에서 사용하는 색상 이해하기 (RGB, CMYK, 색상 코드)

디자인 작업을 하다 보면 RGB, CMYK, HEX 색상 코드 같은 용어를 자주 보게 됩니다.
이 개념들은 단순한 색상이 아니라 어디에서 사용되는 색인지에 따라 구분됩니다.

특히 웹 디자인과 인쇄 디자인에서 사용하는 색상 체계가 다르기 때문에
각 색상 방식의 특징을 이해하는 것이 중요합니다.

주요 포인트 Top3

01. RGB 색상

RGB는 Red, Green, Blue 세 가지 빛의 색을 조합하여 색을 표현하는 방식입니다.

모니터, 노트북, 스마트폰, TV 같은 빛을 통해 색을 표현하는 화면 장치에서 사용됩니다.

RGB는 각 색상이 0 ~ 255 사이의 값으로 표현됩니다.

예시

RGB(255, 0, 0) → 빨간색
RGB(0, 255, 0) → 초록색
RGB(0, 0, 255) → 파란색

RGB 값의 의미

• 값이 0에 가까울수록 어두운 색
• 값이 255에 가까울수록 밝은 색

예시

RGB(0,0,0) → 검정색
RGB(255,255,255) → 흰색

RGB는 빛을 더할수록 밝아지는 가산혼합(Additive Color) 방식입니다.

02. CMYK 색상

CMYK는 인쇄에서 사용하는 색상 체계입니다.

CMYK는 다음 네 가지 색으로 구성됩니다.

• Cyan
• Magenta
• Yellow
• Key (Black)

프린터는 이 네 가지 잉크를 조합하여 다양한 색을 만들어냅니다.

RGB가 빛을 더하는 방식이라면
CMYK는 잉크를 겹쳐서 색을 만드는 감산혼합(Subtractive Color) 방식입니다.

그래서 RGB 디자인을 그대로 인쇄하면
색상이 다르게 보이는 경우가 많습니다.

예시

C:0 M:100 Y:100 K:0 → 빨간색
C:100 M:0 Y:0 K:0 → 청록색

웹 디자인에서는 거의 사용하지 않고
포스터, 책, 인쇄물 제작 시 사용됩니다.

03. HEX 색상 코드

웹에서는 색상을 HEX 코드로 표현하기도 합니다.

HEX는 16진수 색상 코드로
RGB 값을 더 간단하게 표현한 방식입니다.

예시

#FF0000 → 빨간색
#00FF00 → 초록색
#0000FF → 파란색
#000000 → 검정색
#FFFFFF → 흰색

HEX 코드는 다음 구조로 이루어져 있습니다.

#RRGGBB

각 두 자리는 RGB 값을 의미합니다.

예시

#FF0000
FF → Red
00 → Green
00 → Blue

그래서 HEX 코드는 웹 디자인에서 가장 많이 사용되는 색상 코드입니다.

GOYO.’s Tip

디자인 작업에서 웹 작업이라면 RGB 또는 HEX,
인쇄 작업이라면 CMYK를 사용하는 것이 기본입니다.
처음부터 작업 환경에 맞는 색상 모드를 설정하면 색상 차이를 줄일 수 있습니다.

마무리

이번 글에서는 디자인에서 사용하는 RGB, CMYK, HEX 색상 개념을 정리했습니다.
색상 체계를 이해하면 웹 디자인과 인쇄 디자인에서 색이 왜 다르게 보이는지도 자연스럽게 이해할 수 있습니다.