CMYK를 HEX로 변환 Cyan Magenta Yellow Black ↔ Hexadecimal 무료 온라인 안전

CMYK를 HEX로 변환하는 이유

인쇄하는 사람들은 색을 네 개의 수로 적고, 웹을 하는 사람들은 짧은 코드 하나로 적습니다. 둘 사이 어딘가에서, 작업 지시서는 카탈로그의 강조색이 0, 60, 100, 0이라고 하고 개발자는 스타일시트에서 해시 기호 뒤에 무엇을 입력해야 하는지 알아야 합니다. 또는 인쇄 디자이너가 CMYK만 적힌 브랜드 가이드의 브랜드에 대해 웹 색상을 요청받습니다. 또는 이메일 템플릿에 지난 시즌 전단지와 같은 주황색이 필요합니다. 어느 경우든 건너가는 길은 CMYK를 HEX로 변환하는 것입니다. 잉크의 네 퍼센트를 가져와 브라우저가 이해하는 여섯 자리 코드에 이릅니다.

변환은 두 단계로 이루어지며 이 페이지가 둘 다 해 줍니다. 잉크에서 화면이 보여 줄 빨강, 초록, 파랑 빛으로, 그리고 그 세 수에서 십육진 표기로. 두 번째 단계는 정확합니다. 첫 번째는 거의 모든 웹 도구가 쓰는 표준 공식이며 솔직한 한계가 있습니다. 종이 위의 잉크와 화면 위의 빛은 다른 것이며, 둘 사이를 충실히 변환하려면 인쇄기, 종이, 모니터의 프로파일이 필요합니다. 그것 없이는 얻는 코드가 좋은 출발점일 뿐 일치의 약속이 아닙니다. 이 페이지는 그렇게 분명히 말합니다.

계산은 브라우저에서 이루어지며 아무것도 업로드되지 않습니다. 아래에서 계산 예를 곁들인 두 단계, 변환이 유지하는 것과 유지하지 못하는 것, 이 공식의 화면 색이 인쇄된 원본보다 밝은 이유, 사람들이 CMYK를 HEX로 변환해야 하는 상황, 인쇄 브랜드의 웹 색상을 하나로 정하는 짧은 안내를 볼 수 있습니다.

변환이 작동하는 방식

첫 번째 단계: 잉크에서 빛으로

각 잉크는 빛을 일부 빼앗는 필터로 작용합니다. 시안은 빨강을, 마젠타는 초록을, 노랑은 파랑을 빼앗고, 검정은 셋 모두의 일부를 빼앗습니다. 공식은 R = 255 × (1 − C) × (1 − K)이며 초록은 마젠타로, 파랑은 노랑으로 마찬가지입니다. cmyk(0%, 60%, 100%, 0%)에서 검정은 영이므로 검정 계수는 1입니다. 빨강은 255 × 1 × 1 = 255입니다. 초록은 255 × 0.4 × 1 = 102입니다. 파랑은 255 × 0 × 1 = 0입니다. 화면 색은 rgb(255, 102, 0)입니다.

두 번째 단계: 세 수에서 코드로

각 수는 십육진법으로 두 자리로 적습니다. 255는 FF, 102는 66, 0은 00입니다. 해시 기호와 함께 놓으면 코드는 #FF6600, 선명한 주황색입니다. 두 번째 단계는 정확합니다. 헥사는 같은 세 수를 쓰는 또 다른 방식일 뿐입니다.

정수와 정수 퍼센트

네 입력은 정수 퍼센트이고 세 출력은 0에서 255 사이의 정수로 반올림됩니다. 두 반올림 모두 작지만, 되돌려 변환하면 색이 항상 정확히 같은 퍼센트로 돌아오지는 않는다는 뜻입니다.

변환이 유지하는 것과 유지하지 못하는 것

공식이 할 수 있는 만큼 가까운 색을 유지합니다

결과는 공식이 놓을 수 있는 가장 가까운 색이며, 네 판은 인쇄소가 기대하는 순서, 곧 시안, 마젠타, 노랑, 그림자를 담당하는 검정입니다. 검정은 세 채널 모두에 적용되는데, 검정 잉크 층이 그 아래에 있는 것을 어둡게 하는 방식이 이것입니다.

솔직한 한계: 단 하나의 정답은 없다

이것이 페이지 전체의 한계입니다. 충실한 변환에는 인쇄기, 종이, 모니터의 프로파일이 필요합니다. 그것 없이 얻는 것은 표준 공식입니다. 화면에서 색을 고르기에는 충분하지만 웹 색과 인쇄 색이 같다고 주장하기에는 충분하지 않습니다. 코드를 출발점으로 보고 낮 햇빛 아래에서 인쇄 견본과 비교해 조정하십시오.

공식이 담지 못하는 것

여러 잉크를 섞은 리치 블랙은 하나의 납작한 어두운 색으로 나옵니다. 팬톤 잉크 같은 별색에는 CMYK 대응물이 전혀 없으므로 네 가지 색 분해는 이미 근삿값이고, 그 분해에서 나온 헥사는 근삿값의 근삿값입니다. 브랜드 색이 별색 잉크라면 제조사가 공개하는 화면 값을 찾으십시오.

왕복은 정확하지 않다

네 수가 정수 퍼센트로 적히므로 건너갔다 돌아온 색은 한 단계 어긋날 수 있습니다. #5A4632는 #594632로 돌아옵니다. 원본을 마스터로 두고 한 방향으로만 변환하십시오.

공식의 색이 인쇄보다 밝아 보이는 이유

종이는 빛을 빼앗는다

종이는 떨어지는 빛의 일부만 반사하고 어떤 잉크도 완벽한 필터가 아니므로, 모든 인쇄 색은 공식이 시사하는 것보다 어둡고 칙칙합니다. 화면은 빛나므로 이 페이지에서 얻는 코드는 그 원본인 인쇄물보다 밝고 깨끗하게 보입니다.

순수한 잉크는 공식이 가정하는 것이 아니다

공식은 100% 시안을 순수한 시안 rgb(0, 255, 255)로 취급합니다. 실제 시안 잉크는 더 짙고 rgb(0, 174, 239)에 가깝습니다. 잉크 값이 높은 가장 강한 색에서 공식과 인쇄가 가장 크게 갈라섭니다.

소프트 프루프가 더 낫다

레이아웃 프로그램은 인쇄기의 ICC 프로파일을 써서 화면에서 인쇄를 시뮬레이션할 수 있습니다. 접근할 수 있다면 소프트 프루프에서 얻은 헥사 코드가 이 페이지의 것보다 인쇄에 더 가깝습니다. 빠른 답에는 이 페이지를, 최종 답에는 프로파일을 쓰십시오.

변환을 만나는 곳

인쇄 브랜드의 웹 색상 지정

인쇄용으로 정의된 브랜드에는 CMYK 값이 있습니다. 웹에서 쓰려면 디자이너가 CMYK를 HEX로 변환해 코드를 스타일시트에 넣고 인쇄 견본과 대조합니다. 합의된 코드는 브랜드 시트의 CMYK 옆에 들어갑니다.

이메일 템플릿과 문서

이메일 클라이언트와 오피스 프로그램은 헥사 코드를 받습니다. 템플릿이 인쇄물과 맞아야 할 때 변환이 출발할 코드를 줍니다.

소셜 미디어와 프레젠테이션

소셜 미디어, 슬라이드, 영상의 그래픽은 화면 위에 있습니다. 인쇄된 전단지에서 가져온 색은 거기서 쓰이기 전에 화면 코드로 바뀌어야 합니다.

동료와 이야기하기

헥사 코드는 짧고 보편적입니다. 인쇄팀이 말하는 주황색이 어느 것인지 웹 개발자에게 알려 주어야 한다면 코드가 그들이 곧바로 쓸 수 있는 형태입니다.

여기서 CMYK를 HEX로 변환하는 방법

네 퍼센트 입력

첫 번째 칸에 cmyk(0%, 60%, 100%, 0%) 형식으로 색을 입력하거나, 쉼표나 공백으로 구분한 네 수만 입력하십시오.

헥사 코드 읽기

답은 cmyk(0%, 60%, 100%, 0%) = #FF6600처럼 곧바로 나타납니다. 대문자와 해시 기호로 쓰입니다.

인쇄물과 대조

낮 햇빛 아래에서 인쇄 견본을 화면 옆에 대어 보십시오. 화면이 더 밝아 보이면 채도를 조금 낮추고 정한 코드를 기록하십시오.

이 표기법들의 유래

헥사와 RGB는 같은 것을 두 번 쓴 것

화면 색은 세 개의 수, 곧 방출할 빨강, 초록, 파랑 빛의 양이며 각각 0에서 255까지로 이는 한 바이트입니다. 헥사는 그 바이트를 십육진법으로 적을 뿐입니다. 코드 뒤의 수를 보려면 HEX를 RGB로 변환하십시오.

HSL과 CMYK

HSL은 어느 쪽도 사람이 읽기 어렵기 때문에 발명되었습니다. 색상환을 도는 각도로 색조를 주고 채도와 명도를 퍼센트로 주므로 디자이너가 세 수치를 다시 계산하지 않고도 더 밝게 만들 수 있습니다. CMYK는 빛이 아니라 잉크라는 전혀 다른 세계에 속합니다. 감산 방식이며 네 인쇄판으로 이루어지고, 화면은 빛을 내지만 종이는 반사만 하기 때문에 화면이 낼 수 있는 모든 색에 닿을 수는 없습니다.

CMYK를 HEX로 변환할 때의 함정

화면에서 인쇄된 색을 기대하기

코드는 색조가 가깝고 인쇄물보다 밝을 것입니다. 낮 햇빛 아래에서 견본과 비교하십시오.

텍스트 색으로 100% 검정 쓰기

공식은 #000000을 줍니다. 인쇄된 검정은 더 부드럽습니다. 화면에서 같은 인상을 원한다면 #141414 같은 아주 어두운 회색을 고르십시오.

오가며 변환하기

어느 방향이든 단계마다 오차가 더해집니다. 마스터 하나를 고르고 다른 하나는 거기서 한 번만 유도하십시오.

별색 잊기

팬톤 잉크에는 공식 화면 값이 있습니다. 공식의 추측 대신 그것을 쓰십시오.

변환 전에 사람들이 묻는 질문

cmyk(0%, 0%, 0%, 0%)는 헥사로 무엇입니까?

#FFFFFF, 흰색입니다. 흰 종이에 잉크가 없습니다.

cmyk(0%, 0%, 0%, 100%)는 헥사로 무엇입니까?

#000000, 공식으로는 검정이지만 인쇄된 검정은 덜 깊습니다.

내 웹 색이 책자와 다르게 보이는 이유는?

둘이 다르게 만들어지기 때문입니다. 빛과 잉크. 종이, 인쇄기, 조명이 모두 인쇄물을 바꾸는데 공식은 그중 아무것도 모릅니다.

변환은 정확합니까?

산술은 단순화한 모델에서 정확합니다. 인쇄물과의 일치는 근사적입니다.

내 색이 업로드됩니까?

아니요. 산술은 브라우저에서 실행되며 아무것도 어디로도 전송되지 않습니다.

어떻게 되돌립니까?

HEX에서 CMYK로로 하십시오.

인쇄 브랜드의 웹 색을 하나로 정하기

공식에서 출발해 눈으로 마무리

기본값을 얻으려면 CMYK를 HEX로 변환하십시오. 그다음 낮 햇빛 아래에서 화면을 인쇄 견본과 비교하고 인상이 같아질 때까지 코드를 조정하십시오. 결과는 공식이 아니라 브랜드에 속하는 웹 색입니다.

얻은 방법 기록

브랜드 시트에 헥사가 특정 견본에 특정 날짜에 눈으로 맞춰졌다고 적어 두십시오. 공식의 값과 왜 다른지 궁금해하는 미래의 디자이너가 답을 얻게 됩니다.

어디서나 사용

일단 정해지면 코드는 웹사이트, 이메일 템플릿, 프레젠테이션, 소셜 미디어 키트에 나타나야 합니다. 여러 곳에서의 하나의 색이 브랜드를 일관되게 보이게 합니다.

인쇄가 바뀔 때 검토

브랜드를 다른 종이나 인쇄기로 다시 인쇄하면 인쇄된 색이 달라질 수 있으며 일치를 다시 확인해야 합니다. 브랜드 색은 매체마다 하나씩인 한 쌍의 값이며, 둘을 함께 다시 살펴야 합니다.

CMYK를 HEX로 변환할 때의 실용적인 습관

CMYK를 HEX로 한 번에 한 색씩 변환하고 결과를 적기

브랜드에는 보통 세 가지에서 여덟 가지 색이 있습니다. 각각에 대해 CMYK를 HEX로 변환하고 답을 CMYK를 옆에 둔 표와 맞춘 코드 열에 적으십시오. 표는 만드는 데 십 분이 걸리고 나중에 추측하는 데 드는 몇 시간을 아낍니다. 색이 추가되거나 바뀌면 한 행만 다시 하면 됩니다.

각 색에 역할 주기

색을 하는 일로 이름 붙이십시오. 기본색, 강조색, 텍스트, 표면. 헥사 코드만으로는 어디에 쓸지 알 수 없지만 이름은 알려 줍니다. 스타일시트에서는 코드를 그 이름의 사용자 정의 속성으로 정의해 브랜드 변경이 몇 줄 편집을 뜻하게 하십시오.

색 위의 텍스트 확인

코드가 생기면 모든 텍스트와 배경 쌍의 대비를 시험하십시오. 종이에서 잘 읽히는 인쇄 색은 배경이 빛나고 텍스트가 그에 맞서 눈에 띄어야 하는 화면에서는 실패할 수 있습니다. 헥사 코드는 어떤 대비 검사기에도 바로 들어갑니다.

어둡고 채도 높은 색 주의

가장 밝은 인쇄 색, 특히 짙은 파랑과 선명한 초록은 공식 값과 가장 다르게 보이는 색입니다. 브랜드에 그런 색이 있다면 CMYK를 HEX로 변환한 뒤 화면을 인쇄물 옆에서 보고 몇 단계 조정할 것을 예상하십시오.

CMYK를 파일 이름이나 메모에 두기

변환한 색으로 만든 이미지나 문서를 저장할 때 어느 CMYK에서 왔는지 적어 두십시오. 브랜드를 다시 인쇄하거나 인쇄기가 바뀌면 기록 덕분에 떳떳하게 변환을 다시 할 수 있습니다.

줄임 표기와 투명도에 대한 참고

짧은 코드

#FF6600처럼 답의 세 쌍이 반복되는 곳에서는 스타일시트에 줄인 형태 #F60을 쓸 수 있습니다. 같은 색이며 어떤 사람들은 읽기 쉽다고 느낍니다. 이 페이지는 언제나 유효한 긴 형태를 줍니다.

투명도

인쇄에는 이런 종류의 투명도가 없으므로 여기의 답은 언제나 불투명한 색입니다. 웹 오버레이에 반투명 버전이 필요하다면 코드에 알파 쌍을 더하십시오. 예를 들어 절반 강도는 #FF660080입니다.

관련 변환기

같은 계열의 도구가 이웃 변환을 다룹니다. 되돌아가려면 HEX에서 CMYK로를 쓰십시오. RGB 수치를 직접 보려면 CMYK에서 RGB로와 RGB에서 CMYK로가 있고, 화면 표기 자체에는 HEX에서 RGB로, RGB에서 HEX로, HEX에서 HSL로가 있습니다. 인쇄소로 가는 파일에는 PDF 압축이 문서를 더 가볍게 합니다.

계산 예

지난 시즌 전단지가 cmyk(0%, 60%, 100%, 0%)의 주황색을 썼고 웹 팀이 새 시즌 랜딩 페이지에 그것이 필요하다고 합시다. 네 수를 입력하면 #FF6600이 읽힙니다. 페이지에서 주황색은 밝고 뜨겁습니다. 낮 햇빛 아래에서 전단지 옆에 두면 화면 색이 분명히 더 선명하므로 디자이너는 이를 #F26B0F로 부드럽게 하고 일치를 기록합니다. CMYK는 인쇄의 마스터로 남고, 맞춘 헥사는 웹의 마스터이며, 공식의 #FF6600은 브랜드 시트에 출발점으로 기록됩니다.

짧은 점검표

변환 전

색이 별색 잉크가 아니라 프로세스 CMYK인지 확인하십시오. 가능하면 인쇄 견본을 찾으십시오.

변환 중

네 퍼센트를 입력하고 코드를 읽어 해시 기호와 함께 복사하십시오.

변환 후

낮 햇빛 아래에서 견본과 비교하고, 필요하면 눈으로 조정하고, 최종 코드를 얻은 방법에 대한 메모와 함께 기록하십시오.

흔한 실수

공식을 최종으로 취급하기

그것은 출발점입니다. 인쇄가 결정합니다.

텍스트에 순수한 검정 쓰기

인쇄된 검정은 더 부드럽습니다. 같은 인상을 원한다면 어두운 회색을 고르십시오.

원을 돌며 변환하기

원본에서 한 번 변환하고 결과를 유지하십시오.

색은 기기에 머문다

계산은 로컬에서 이루어집니다. 값은 여러분의 브라우저가 쓰고 아무것도 어디로도 전송되지 않습니다. 나중에 지울 것도 만들 계정도 없습니다. 그것이 CMYK를 HEX로 변환하는 분명한 방법입니다.

요약

여기서 CMYK를 HEX로 변환하려면 네 퍼센트를 입력하고 헥사 코드를 곧바로 읽으십시오. 변환은 두 단계입니다. 표준 공식으로 잉크에서 화면이 보여 줄 빨강, 초록, 파랑 빛으로, 그리고 그 세 수에서 정확한 헥사 표기로. 첫 단계에는 단 하나의 정답이 없는데, 종이 위의 잉크와 화면 위의 빛은 다른 것이고 충실한 변환에는 인쇄기, 종이, 모니터의 프로파일이 필요하기 때문입니다. 리치 블랙은 하나의 납작한 어두운 색으로 나오고, 별색에는 CMYK 대응물이 없으며, 정수 퍼센트라서 왕복하면 한 단계 어긋날 수 있습니다. 코드를 출발점으로 보고 인쇄 견본과 비교하십시오. 아무것도 업로드되지 않습니다.