웹디자인 색상 기초 RGB컬러 CMYK컬러 차이

웹디자인을 시작할 때 가장 먼저 이해해야 하는 것이 웹 컬러입니다. 웹에서 컬러를 지정할 때 RGB와 CMYK 컬러라는 용어를 보실 텐데요. 이 둘의 차이를 알고 이해하는 시간을 갖도록 하겠습니다.

 

1. RGB와 CMYK의 용어정리

2. 색상 표현

3. 혼합방식

 

RGB와 CMYK의 용어정리

RGB는 빛의 삼원색인  빨강, 녹색, 파란색으로 되어있고 CMYK는 사이언, 마젠타, 노랑, 검정 4가지 컬러로 되어있습니다. 이러한 컬러는 색상을 표현하고 다루는 방법에 차이가 있으며, 주로 다른 용도로 사용됩니다. 가장 큰 차이점이라면 RGB 컬러는 빛을 표현하는 데 사용되고 디지털 매체에서 주로 활용되며, 컴퓨터 모니터, 텔레비전, 디지털카메라, 웹 디자인과 같은 디지털 매체에서 표현됩니다. CMYK 컬러는 시안, 마젠타, 노랑, 그리고 검정색으로 주로 인쇄물을 생성할 때 주로 사용하며 색상 채널을 혼합하여 다양한 색상으로 인쇄물을 만드는데 활용됩니다. 아래에서 주요 차이를 다시한번 알아볼게요.

 

색상 표현

RGB 컬러는 빛을 혼합하는 방식으로 동작하기 때문에  빨강, 녹색 및 파랑의 강도를 조절하여 다양한 색상을 생성합니다. 각 색상 채널은 0에서 255까지의 값을 가지며, 0은 해당 색상의 부재를 나타내고 255는 해당 색상의 최대 강도를 나타냅니다. CMYK 컬러는 RGB 컬러와는 달리 더하는 대신 빼는 방식이며 시안, 마젠타, 노랑 및 검정의 함량을 조절하여 원하는 색상을 만듭니다. 각 색상 채널은 퍼센트 0%에서 100%로 표현되며, 0%는 해당 색상이 부재를 나타내고 100%는 해당 색상의 최대 강도를 나타냅니다.

 

혼합 방식

RGB 컬러는 빛을 혼합하여 원하는 색상을 만들기에 모든 채널이 0%이면 흰색이고, 모든 채널이 100%이면 흑색입니다.

CMYK 컬러는 색상을 빼는 방식이기 때문에, 모든 채널이 0%이면 흑색이며, 모든 채널이 100%이면 색상이 없어 흰색 종이에 인쇄됩니다. 주의할 사항으로는 컬러 모델 간 변환이 필요한 경우, 색상이 변할 수 있으므로 주의가 필요합니다.