(RGB, CMYK, 색상환) 차이점
오늘은 우리가 매일 보는 스마트폰 속 색깔이랑, 책 속에 있는 색깔이 왜 다른지,
그리고 어떤 색깔끼리 친한지 알려줄게요!

1. '빛의 색' vs 슥슥 '종이의 색'
* RGB (전깃불 색): * 어디에 쓰나요? 우리 엄마 핸드폰, 거실 TV, 컴퓨터 화면 속에 있어요.
디지털 화면에서 사용하는 색상 모델로, 빛 3원색인 빨강 초록 파랑을 조합하여 다양한 색을 만듭니다.
컴퓨터 모니터 스마트폰 티비 디지털 디스플레이에 사용.
RGB는 색상이 더해질수록 밝아지는 가산혼합방식입니다.
빨강+초록=노랑 , 빨강+파랑=보라
사용환경 : 디지털 화면
혼합방식 : 가산혼합 빛추가
색 범위 : 더 넓고 밝은 색 표현
* 특징: 빨강(R), 초록(G), 파랑(B)
색을 섞을수록 점점 밝아져요. 빨간 불, 초록 불, 파란 불을 한데 모아서 비추면 눈부시게 하얀 빛이 되는 거랑 똑같아요!"
* CMYK (잉크의 물감색): 신문 잡지 전단지처럼 종이에 찍어내는 인쇄물이 사용하는 방식입니다.
인쇄에서 사용하는 색상 모델로 시안 마젠타 노랑 검정을 조합하여 색을 만듭니다.
포스터 책 명함 등 인쇄물이 주로 사용하는 방식.
CMTK는 색상이 겹칠 수록 어두워지는 감산혼합방식입니다.
>>시안+마젠타=파랑, 시안+노랑=초록
* 특징: 분홍(M), 하늘(C), 노랑(Y), 검정(K) 물감을 섞을수록 점점 어두워져서 검은색에 가까워져요!
사용환경 : 인쇄물
혼합방식 : 감산 혼합 (빛 흡수)
색 범위 : 더 좁고 어두운 색표현
그림 그리실 때 물감 섞으면 색이 점점 진해지고 나중엔 시커멓게 변했죠?
잉크는 섞을수록 어두워지는 성질이 있거든요. 다 합치면 겁은색에 가까워집니다.
그래서 책 찍을 때 쓰는 색이에요.
핸드폰으로 그린 예쁜 그림을 종이에 뽑으면 색깔이 조금 어두워 보이는 이유입니다.
2. 서로 돕는 색깔들의 관계 (색상환)
색상환은 색의 관계를 시각적으로 보여주는 원형 다이어그램으로 색상 조합을 이해하고 만드는 데유용합니다.
기본색: 빨강 노랑 파랑
혼합색 :기복색을 섞어 만든 보조 색상 : 초록 주황 보라
색깔들도 사람처럼 서로 어울리는 짝궁이 있습니다.
눈에 확 띄는 보색관계: 색상환에서 서로 반대편에 위치한 색상으로 강렬한 대비를 제공

1️⃣ "우리는 반대라서 더 잘 보여!" (보색)
* 바퀴에서 서로 정반대에 있는 색깔들이에요.
* 빨강 ❤️ ↔ 초록 💚 / 파랑 💙 ↔ 주황 🧡
* 둘이 같이 있으면 눈에 팍! 띄어서 중요한 버튼을 만들 때 써요.
디자인에서 무언가를 강조하고 싶을 때 최고의 조합입니다.>> 버튼, 배너

2️⃣ (유사색) 색상환에서 서로 인접한 색상, 부드럽고 일관성 있는 디자인 테마
* 가을날의 단풍
* 노랑 💛, 주황 🧡, 빨강 ❤️ 처럼요.
* 비슷한 색들끼리 모아놓으면 보는 사람의 마음이 편안해지고 조화로워 보입니다.
스마트폰 디자인 rgb
종이에 뽑는 디자인 cmyk
눈에 띄게 하려면 보색(반대색)
부드럽게 하려면 유사색
3️⃣ "우리는 천생연분 삼총사!" (삼각색 조합) 색상환에서 정삼각형을 이루는 세가지 색상 조합
* 바퀴에서 세모 모양으로 멀리 떨어진 세 친구예요.
* 빨강 ❤️, 노랑 💛, 파랑 💙 삼총사가 모이면 균형잡히 조화와 대비를 이뤄요!
### **추가 학습 자료**
### **1. 추천 강의**
- [YouTube: Understanding RGB vs. CMYK](https://www.youtube.com/) *(영어)*
- [YouTube: 색상환과 색 조합 배우기](https://www.youtube.com/) *(한국어)*
### **2. 읽을거리**
- [Smashing Magazine: The Basics of Color Theory](https://www.smashingmagazine.com/) *(영어)*
- [색상 이론과 디자인 블로그](https://design.co.kr/) *(한국어)*
### **3. 추천 도서**
- *"색채학의 이해"* – 요하네스 이텐
- *"디자인 색채 원리"* – 앤디 바버
'커리어 > 프로덕트 디자이너' 카테고리의 다른 글
| 디자인 기초, 레이아웃과 글자 꾸미기 (1) | 2026.02.25 |
|---|---|
| [디자인 도구] 피그마(Figma) (0) | 2026.02.24 |
| 디자인 기초, 디자인 원리 (0) | 2026.02.22 |
| UX/UI 디자인 핵심 용어 정리 (0) | 2026.02.21 |
| 프로덕트 디자이너 캠프 (0) | 2026.02.20 |