RGB CMYK 변환기로 화면색과 잉크 비율을 함께 확인

RGB와 CMYK는 무엇이 다른가요?

RGB는 빨강·초록·파랑 빛의 세기입니다. 각 채널은 0부터 255까지이며 #3498DB 같은 HEX 코드는 세 채널을 16진수로 적은 것입니다. 웹 페이지와 화면 디자인에서는 보통 이 값으로 색을 지정합니다.

CMYK는 청록(C)·자홍(M)·노랑(Y)·검정(K) 네 잉크 비율을 나타냅니다. 같은 RGB 색에도 출력 조건에 따라 여러 CMYK 배합이 가능하므로, 프로파일 없는 계산값 하나가 유일한 인쇄 정답은 아닙니다.

• 웹 색상 코드를 옮길 때는 HEX 또는 RGB를 먼저 입력합니다.
• 이미 CMYK 배합을 받았다면 CMYK 탭에서 네 값을 그대로 입력합니다.

화면에서 어떤 순서로 쓰나요?

입력 형식 탭에서 RGB, CMYK, HSL 중 하나를 선택합니다. 숫자 칸이나 슬라이더를 바꾸면 견본과 다른 형식의 결과가 즉시 따라옵니다. HEX 코드나 rgb(...), cmyk(...) 문자열은 위쪽 코드 칸에 붙여넣을 수 있습니다.

• 색을 눈으로 고를 때는 브라우저 컬러 피커를 사용합니다.
• 빨강·파랑·검정·흰색 예시는 입력과 결과가 모두 바뀌는 실제 색상입니다.
• 필요한 결과만 복사하거나 전체 값 복사로 한 번에 가져갑니다.

HEX와 RGB 코드는 어떻게 연결되나요?

#3498DB의 34, 98, DB는 16진수 두 자리씩이며 10진수로는 각각 52, 152, 219입니다. 세 자리 #3AD는 #33AADD처럼 각 자리를 반복한 여섯 자리 코드로 풉니다. 코드 칸에는 맨 앞 #이 없어도 됩니다.

RGB 숫자는 소수 없이 0부터 255까지만 받습니다. 잘못된 코드나 범위 밖 숫자를 입력하면 마지막으로 유효했던 결과를 그대로 두고 수정할 항목을 알립니다.

CMYK 계산은 어떤 순서인가요?

먼저 RGB 채널을 255로 나눠 0~1로 만들고, K를 1−max(R,G,B)로 구합니다. K가 1인 검정은 C/M/Y 0%, K 100%로 표시합니다. 다른 색은 C=(1−R−K)/(1−K), M과 Y도 같은 방식으로 계산합니다.

예를 들어 RGB(255, 0, 0)은 K 0%, C 0%, M 100%, Y 100%입니다. #FF8800은 RGB(255, 136, 0)이며 이 방식의 CMYK 참고값은 C 0%, M 46.7%, Y 100%, K 0%입니다. 소수 둘째 자리에서 반올림해 첫째 자리까지 표시합니다.

• RGB에서 계산한 CMYK는 특정 인쇄기 프로파일의 분판값이 아닙니다.
• 화면 견본과 CMYK 숫자를 같은 인쇄 결과라고 해석하지 마세요.

CMYK 값을 직접 넣으면 원래 배합이 남나요?

네. CMYK 탭에서 입력한 C/M/Y/K는 화면색을 계산한 뒤에도 원래 숫자로 유지합니다. 한 화면색이 여러 잉크 배합에서 나올 수 있기 때문입니다. 다른 RGB나 HEX 값을 직접 바꾸는 순간에는 그 새 화면색에서 CMYK를 다시 계산합니다.

예를 들어 C 100%, M 0%, Y 0%, K 100%는 이 간단한 역산에서 검정 화면색이 됩니다. RGB 검정에서 재계산하면 C 0%, M 0%, Y 0%, K 100%가 되지만, 두 입력을 같은 분판으로 몰아 바꾸지 않습니다.

실제 인쇄색이 다른 이유는 무엇인가요?

인쇄 색은 프린터·인쇄 방식·잉크·용지와 출력 프로파일에 따라 달라집니다. ICC 프로파일은 이런 출력 조건을 색 관리 소프트웨어에 알려주는 자료입니다. 이 도구는 파일이나 인쇄소 프로파일을 읽지 않으므로 색역 변환, 총잉크량 제한, 교정본 제작을 하지 않습니다.

인쇄 파일을 만들기 전에는 인쇄소에 원하는 파일 형식과 RGB/CMYK 제출 기준, 용지, 권장 ICC 프로파일을 확인하세요. 인쇄소가 RGB 파일을 받아 자체 변환하는 작업 흐름도 있습니다.

• 브랜드 색상이나 대량 인쇄물은 인쇄소의 프로파일과 교정본으로 최종 확인합니다.
• 이 화면의 색 견본을 종이에 찍힐 색의 보증으로 쓰지 않습니다.

HSL과 대비 숫자는 언제 유용한가요?

HSL은 색조(H), 채도(S), 밝기(L)로 화면색을 조절할 때 편합니다. 이 탭에서 수치를 바꿔도 RGB·HEX·CMYK 표시가 함께 바뀝니다. 색조는 0~360도, 채도와 밝기는 0~100%입니다.

견본 아래의 흰색·검정 글자 대비 수치는 현재 화면색을 배경으로 쓸 때 어느 글자가 더 잘 구분되는지 보여줍니다. 대비가 큰 쪽을 권장하지만 실제 접근성은 글자 크기와 두께, 주변 UI까지 확인해야 합니다.

복사한 값은 어디에 쓰나요?

HEX와 rgb(...)는 CSS, 디자인 문서, 개발 도구에 그대로 적기 쉽습니다. hsl(...)도 웹 색상 표기로 쓸 수 있습니다. cmyk(...)는 CSS 색상 코드가 아니라 인쇄 담당자와 대화할 때 참고할 숫자 메모입니다.

전체 값 복사에는 네 표기와 함께 CMYK가 일반 계산 참고값이라는 문구가 들어갑니다. 인쇄 작업 지시서에는 해당 인쇄소가 요구한 프로파일과 파일 설정을 별도로 적어야 합니다.

• 웹 구현에는 현재 프로젝트가 사용하는 색상 공간과 CSS 표기를 먼저 확인합니다.
• 인쇄 전달에는 숫자만 보내지 말고 출력 조건을 함께 확인합니다.

값이 예상과 다를 때 무엇을 확인하나요?

숫자 범위를 먼저 확인합니다. RGB는 각 0~255 정수, CMYK는 각 0~100%, HSL은 색조 0~360도와 나머지 0~100%입니다. 입력 중 빈 칸이나 완성되지 않은 문자열은 이전 유효 결과를 보존하며, 올바른 값을 채우면 다시 계산합니다.

다른 디자인 앱과 CMYK가 다르다면 먼저 앱의 문서 색상 공간과 ICC 프로파일을 비교하세요. 이 도구는 프로파일이 없는 산술식이며, 결과를 한 자리 소수로 표시합니다. 반올림이나 프로파일 차이를 숫자 입력 오류와 구분하는 편이 좋습니다.