Devin.KR
← 컬러 스튜디오

UNDERSTANDING COLOR

빛으로 만드는 색,
잉크로 만드는 색.

RGB·CMYK를 이해하면 화면에서 고른 색을 어디에, 어떻게 써야 할지 더 분명해집니다.

01 / ADDITIVE COLOR

RGB: 빛을 더해 밝아지는 색

RGB는 빨강(Red), 초록(Green), 파랑(Blue) 채널로 색을 표현합니다. 빛을 더하는 가산 혼합에서는 빛이 없는 상태가 검정이고, 세 채널을 최대로 켠 상태가 흰색입니다. 8비트 채널 표기에서 각 값은 0~255입니다.

rgb(255, 0, 0)은 빨강, rgb(0, 0, 0)은 검정, rgb(255, 255, 255)는 흰색입니다. 웹 화면과 앱 UI에서 사용하는 HEX·RGB 표기는 보통 sRGB 기준으로 해석합니다.

RGB는 색을 표현하는 모델이고, sRGB나 Adobe RGB는 채널 값이 어떤 실제 색을 뜻하는지 정의하는 색 공간입니다. 같은 숫자라도 색 공간과 장치 상태가 다르면 보이는 색이 달라질 수 있습니다.

02 / SUBTRACTIVE COLOR

CMYK: 종이에 잉크를 더하는 색

CMYK는 청록(Cyan), 자홍(Magenta), 노랑(Yellow), 검정(Key/Black)의 네 채널입니다. 종이에 닿은 빛 중 일부를 잉크가 흡수하는 감산 혼합으로 이해할 수 있습니다. 채널값은 보통 0~100%로 표현하며, 잉크가 없는 영역은 종이의 색에 영향을 받습니다.

이상적인 CMY 혼합과 실제 잉크는 다릅니다. 검정 잉크 K를 함께 써서 검정과 어두운 영역을 표현합니다. K가 같은 값이어도 C·M·Y의 조합, 잉크, 용지, 인쇄 조건에 따라 결과가 달라집니다.

위 혼합 그림은 원리를 보여 주는 화면용 도식입니다. 실제 잉크의 겹침이나 인쇄 결과를 시뮬레이션하지 않습니다.

HEX와 HSL은 어디에 쓰나요?

HEX는 RGB 채널 값을 16진수로 적는 방식입니다. #RRGGBB에서 FF는 255, 00은 0입니다. 예를 들어 #FF8800rgb(255, 136, 0)은 같은 sRGB 색을 표현합니다. #F80은 각 자리를 반복한 축약형입니다.

HSL은 색조(Hue), 채도(Saturation), 명도(Lightness)로 색을 조절하는 표기입니다. 색조는 원을 도는 각도, 채도는 0~100%, 명도는 0~100%입니다. 유사한 분위기의 색을 찾거나 밝기 단계를 만들 때 편리합니다. HSL 명도는 사람이 느끼는 밝기나 WCAG 상대 휘도와 같지 않습니다.

컬러 스튜디오의 색상환은 HSL 기반입니다. 같은 명도 수치라도 노랑과 파랑의 시각적 밝기는 다를 수 있으므로, 글자 색은 대비 검사에서 다시 확인하세요.

RGB ↔ CMYK 근사 변환 공식

RGB의 각 값을 255로 나누어 r, g, b를 0~1로 맞춥니다. 다음 계산은 ICC 프로파일을 사용하지 않는 기초 모델입니다.

K = 1 − max(r, g, b)
C = (1 − r − K) / (1 − K)
M = (1 − g − K) / (1 − K)
Y = (1 − b − K) / (1 − K)

K = 1이면 C = M = Y = 0으로 처리
퍼센트 표기: 각 값 × 100

반대 방향 (C, M, Y, K는 0~1):
R = 255 × (1 − C) × (1 − K)
G = 255 × (1 − M) × (1 − K)
B = 255 × (1 − Y) × (1 − K)

#FF8800의 RGB는 (255, 136, 0)입니다. 최대 채널이 1이므로 K=0, C=0, M≈46.7%, Y=100%가 됩니다. 소수점 반올림 때문에 왕복 변환값이 조금 달라질 수 있습니다.

이 계산으로 얻은 CMYK 숫자는 인쇄소에 전달할 최종 분판값을 보장하지 않습니다. 예를 들어 서로 다른 CMYK 조합이 이 단순 모델에서는 같은 RGB 값으로 계산될 수 있습니다.

자주 쓰는 색상 변환표

CMYK는 위 공식으로 계산한 근사값입니다. 표의 색은 화면용 RGB로 표시합니다.

대표 10색의 HEX, RGB와 CMYK 근사값
HEXRGBCMYK % (근사)
검정#0000000, 0, 00, 0, 0, 100
흰색#FFFFFF255, 255, 2550, 0, 0, 0
빨강#FF0000255, 0, 00, 100, 100, 0
초록#00FF000, 255, 0100, 0, 100, 0
파랑#0000FF0, 0, 255100, 100, 0, 0
청록#00FFFF0, 255, 255100, 0, 0, 0
자홍#FF00FF255, 0, 2550, 100, 0, 0
노랑#FFFF00255, 255, 00, 0, 100, 0
오렌지#FF8800255, 136, 00, 46.7, 100, 0
회색#808080128, 128, 1280, 0, 0, 49.8
내 팔레트의 변환표 보기 →

왜 화면과 인쇄의 색이 다른가요?

디스플레이와 인쇄물은 색을 만드는 방식과 표현 가능한 범위가 다릅니다. 화면의 밝은 색을 인쇄에서 그대로 표현하기 어려운 경우가 있고, 모니터 밝기·주변 조명·용지·잉크도 결과에 영향을 줍니다.

ICC 프로파일은 색 공간이나 장치의 특성을 설명하는 정보입니다. 색 관리 변환은 출발 색 공간과 출력 조건을 함께 고려합니다. 프로파일을 단순 지정하는 것과 다른 프로파일로 변환하는 것은 다르므로 작업 목적에 맞게 처리해야 합니다.

인쇄 작업에서는 인쇄소가 요구하는 색 프로파일, 파일 형식과 잉크 조건을 먼저 확인하고, 색 관리 프로그램에서 소프트 프루프와 필요한 출력 교정을 진행하세요. 이 사이트의 이미지 변환기는 RGB 기반이며 인쇄용 CMYK 파일이나 PDF/X를 만들지 않습니다.

실무에서 연결해 보기

  1. 컬러 차트에서 기준색을 고르고 HEX 코드를 기록합니다.
  2. 색상 조화로 팔레트를 만들고 화면 구역에 적용합니다.
  3. 글자·배경 대비를 확인한 뒤 CSS로 가져갑니다.
  4. 인쇄물도 필요하다면 해당 팔레트를 출발점으로 삼아 출력 프로파일에 맞게 별도 교정합니다.