본문 바로가기
디자인

RGB와 CMYK

by 헤이튜토리얼 2022. 8. 18.
반응형

RGB

빛의 삼원색

RGBR(red), G(green), B(blue)로 빛의 삼원색인 빨강, 초록, 파랑을 가지고 색을 만듭니다. (R, G, B)값이 (0, 0, 0)일 때 검은색이고 (255, 255, 255)일 때 흰색을 나타냅니다. RGB값을 0부터 255까지 사용하여 색을 조합합니다. 

  1. 빨간색 (255, 0, 0)
  2. 초록색 (0, 255, 0)
  3. 파란색 (0, 0, 255)
  4. 노란색 (255, 255, 0)

위의 4가지는 예상할 수 있지만 베이비 핑크색상을 만들려면 어떻게 해야할까요? 빨간색과 파란색을 섞으면 자홍색이 되니 거기에 초록색을 섞으면 만들 수 있을까요? 그럼 값을 어느정도로 넣어야 할까요? 

이 처럼 RGB로 색상을 만들기에는 어려움이 있습니다. 색을 만들 수 있는 범위가 너무 넓고 색상값으로 색을 유추하기도 어렵습니다. 256³ =16,777,216가지 색상

직관적으로 색상을 만들기 위해 HSB(Hue, Saturation, Brightness)로 RGB색상을 대체하여 표현했습니다. H(색상)은 0~360º로 0º가 빨간색 120º가 초록색 240º가 파란색 360º가 빨간색으로 대표적인 색을 원 모양으로 나열한 색상환을 사용합니다. S(채도)는 0 ~ 100%로 B(밝기)에 따라 0%에 가까워 질수록 회색(B가 0%에 가까우면 검은색, 100%에 가까우면 흰색)에 가까워지고, 100%으로 갈수록 색의 선명함을 보여줍니다. B(밝기)도 0 ~ 100%로 0%에 가까울수록 어두워지고, 100%에 가까워 질수록 밝아집니다.  360 × 100 × 100 = 3,600,000가지 색상 / HBS는 HBV(Hue, Saturation, Value)와 동일합니다. 

하지만 HBS는 RGB보다 색을 정교하게 표현하기 어렵고, 그래픽 프로그램마다 RGB값이 달라지기도 합니다. 색상값을 공유한다면 HSB가 아닌 RGB로 하는게 좋습니다. 

RGB는 짧게 표현한 HEX(Hexadecimal)를 사용할 수 있습니다. 0에서 255를 0~9에서 알파벳 A~F로, 10진수에서 16진수로 변환하여 짧게 RGB를 표현합니다. HEX는 #RRGGBB로 지정되어 있으며 #000000은 검은색, #FFFFFF은 흰색을 나타냅니다. 

  1. 빨간색 #FF0000
  2. 초록색 #00FF00
  3. 파란색 #0000FF
  4. 노란색 #FFFF00

CMYK

색의 삼원색

CMYKC(cyan), M(magenta), Y(Yellow), K(key(black))로 시안, 마젠타, 노랑, 검정으로 색상을 만듭니다. 주로 종이에 인쇄할 때사용합니다. CMYK는 0~100%까지 설정 할 수 있고 RGBHSB보다 표현할 수 있는 색이 적습니다.

C, M, Y로 검은색을 만들 수 있는데 K를 사용하는 이유종이가 잉크를 흡수할 수 있는 용량은 한계(총 합 240%~300%)가 있고 함량이 많아질수록 건조하기에 힘들고 뒷묻음이 생길 수 있기 때문입니다.  또한 C, M, Y로 검은색을 표현할 때 채도가 없는 색상이 아닌 파란 검은색, 붉은 검은색, 노란 검은색으로 표현 될수도 있습니다. 물론 K를 100%로 설정해도 완벽한 검은색이 아니기 때문에 총 합이 240%가 넘지 않게 CMYK를 적절히 섞어 사용하기도 합니다. (진한배경을 사용해야하는 경우 uv인쇄로 뒷묻음 현상을 없앨 수 있습니다.)

진한 검정색을 위한 값은 주관적이기 때문에 총 합이 240%가 넘지 않게 조절하면 됩니다. 인쇄소마다 총 합을 240% ~ 300% 사이의 값을 요청하므로 약 240%정도로 맞추는게 좋습니다. 저는 주로 C 30% K 100%를 사용합니다. 

어도비 일러스트레이터의 작업 화면에서 검정색을 정확하게 보고싶다면 윈도우(window) 상단 메뉴  편집 > 환경설정 > 일반 / (mac) 상단 메뉴  illustrator > 환경설정 > 파일 처리 또는 클립보드 처리를 선택하거나 단축키 윈도우 ctrl+K / 맥 ⌘(command)+K를 눌러서 환경설정 창의 검정색 모양을 클릭해 화면모든 검정을 정확하게 보기를 클릭해줍니다. (인쇄용이 아닌 파일을 만들때도 적용하고 싶다면 인쇄/내보내기 부분도 모든 검정을 정확하게 출력으로 변경)

또는 상단 메뉴 보기 > 중복 인쇄 미리보기 단축키 윈도우 ctrl + alt + shift + Y / 맥 ⌘(command) +⌥(option) +⇧(shift) + Y로 확인할 수 있습니다. 

반응형

'디자인' 카테고리의 다른 글

adobe 어도비 크리에이티브 클라우드  (0) 2022.05.17

댓글