CMYK 转 HEX Cyan Magenta Yellow Black ↔ Hexadecimal 免费 在线 安全
用 CMYK 写一个值，右边立刻就是 HEX。算术在你的浏览器里跑，什么都不往外发，而结果取决于什么，下面写着，不靠默认。
不上传任何文件
这些写法从哪里来
十六进制和 RGB 是同一件事写了两遍。屏幕上的颜色是三个数——要发出多少红光、绿光和蓝光——每个从0到255，也就是一个字节；十六进制不过是把这些字节按十六进位写出来，所以 #FF8800 和 rgb(255, 136, 0) 是给同一个像素下的同一道命令。HSL 之所以被发明，是因为那两种写法人都读不懂：它把色相写成色轮上的角度，把饱和度与明度写成百分比，于是设计者不必重算三个数就能把一个颜色调亮。CMYK 属于另一个世界——墨，而不是光。它是减色的，由四块印版搭成，并且够不到屏幕能给出的每一种颜色，因为屏幕发光，而纸只是把光反射回来。
你会在哪里遇到它们
十六进制是你敲进样式表里的东西，也是设计工具递给你的东西。RGB 出现在任何需要对颜色做算术的地方：渐变、透明度、算出某个色调的代码。HSL 是手动调整配色时伸手去拿的那一种，因为你想要的改动，往往就是它三个数里某一个的改动。CMYK 是印刷厂要的东西，而换算到它的那一刻，正是一份设计不再是光、而成为墨的那一刻。
常见问题
为什么我的 CMYK 结果和印刷厂给的不一样？
因为并不存在唯一正确的换算。本页的算法是简单的、与设备无关的那一种；当你需要一个起点或一个大致的对应值时，它就是正确答案。印刷厂是通过一份色彩特性文件来换算的，那份文件把具体的油墨、纸张与印刷机都算了进去；同一个 RGB 颜色，在光面铜版纸上和在胶版纸上会得出不同的 CMYK 值。凡是必须对上的东西，请向印刷厂索取他们的特性文件，而不要相信一条公式。
为什么有些屏幕上的颜色印不出来？
因为两者能够到的颜色并不相同。屏幕靠叠加光线成色，能给出油墨根本比不上的鲜艳饱和的青或绿；纸靠吸收光线成色，它最亮也不过是纸页本身的白。各自能够到的颜色范围叫作色域，在两者不重叠的地方，换算只能挑一个手上最接近的颜色。这就是屏幕上明亮的颜色印出来往往略显发闷的原因。
结果精确吗？
两个单位若以整数互相定义，那就是精确的——本页在数字上方说明了这一点，唯一的舍入在于显示多少位。若比值没有有限小数，本页给出十二位有效数字，并说明这个关系是近似的，而不是装作不是。
我敲进去的东西会离开我的设备吗？
不会。运算在你的浏览器里进行；没有任何东西被上传，也没有接收它的服务器。页面加载一次之后，断网也照样能用。
为什么要把 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 之间的整数。两次舍入都很小,但它们意味着,如果您把颜色换算回去,它并不总是回到完全相同的百分比。
转换保留什么,无法保留什么
它把颜色保持得尽可能接近公式所能达到的程度
结果是公式所能给出的最接近的颜色,以及按印刷商期望的顺序排列的四个色版:青、品红、黄,以及承载暗部的黑。黑色作用于所有三个通道,这就是一层黑色油墨使其下方一切变暗的方式。
坦率的局限:没有唯一正确的答案
这是整个页面的局限。忠实的转换需要印刷机、纸张和您显示器的配置文件。没有这些,您得到的就是标准公式:足以在屏幕上挑选一种颜色,却不足以声称网页颜色和印刷颜色是相同的。请把代码当作起点,在日光下将它与印刷样张比较并加以调整。
公式无法承载的东西
由几种油墨混成的浓黑,会作为一种平淡的深色呈现出来。像 Pantone 油墨这样的专色根本没有 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。
来回转换
每个方向上的每一步都会增加误差。请选定一个母版,并只从它派生另一个一次。
忘了专色
Pantone 油墨有官方的屏幕值。请用它来代替公式的猜测。
人们在转换之前提出的问题
cmyk(0%, 0%, 0%, 0%) 的十六进制是什么?
#FFFFFF,白色:白纸上没有油墨。
cmyk(0%, 0%, 0%, 100%) 的十六进制是什么?
#000000,按公式是黑色,尽管印刷的黑色没有那么深。
为什么我的网页颜色与我的宣传册看起来不同?
因为这两者的制作方式不同:光与油墨。纸张、印刷机和照明都会改变印刷品,而公式对这些一无所知。
这个转换是精确的吗?
在一个简化的模型上,算术是精确的。与印刷品的匹配则是近似的。
我的颜色会被上传吗?
不会。算术在您的浏览器中运行,没有任何东西被发送到任何地方。
我如何转换回去?
为印刷品牌确定一种网页颜色
从公式出发,凭眼睛收尾
把 CMYK 转换成 HEX 以获得一个基准。然后在日光下,把屏幕与印刷样张比较,并调整代码,直到印象一致。结果是一种属于品牌而不属于公式的网页颜色。
记录您是如何得到它的
在品牌手册中注明,这个十六进制是在某个日期对照某个样张凭眼睛匹配的。将来疑惑它为何与公式的值不同的设计师,就会得到答案。
到处使用它
一旦选定,这个代码就应当出现在网站、电子邮件模板、演示文稿和社交媒体素材包中。多处使用同一种颜色,才让品牌看起来一致。
印刷变化时复查
如果品牌在不同的纸张或印刷机上重印,印刷颜色可能会偏移,匹配应当重新检查。品牌颜色是一对值,每种媒介一个,两者应一起重新审视。
把 CMYK 转换成 HEX 时的实用习惯
一次把一种颜色从 CMYK 转换成 HEX,并记下结果
一个品牌通常有三到八种颜色。为每一种把 CMYK 转换成 HEX,并把答案写在一张表里,旁边是 CMYK,再加一列匹配后的代码。这张表十分钟就能做好,日后能省下数小时的猜测。如果添加或更改了一种颜色,只需重做一行。
给每种颜色一个角色
按作用给颜色命名:主色、强调色、文字、表面。单独一个十六进制代码没有说明该用在哪里,而名称说明了。在样式表中,用这些名称把代码定义为自定义属性,这样品牌一有变化,只需编辑几行。
检查颜色上的文字
代码一旦存在,就测试每一对文字与背景的对比度。在纸上读起来很好的印刷颜色,在屏幕上可能失败,因为屏幕上背景会发光,文字必须在其衬托下突出。十六进制代码可以直接放进任何对比度检查器。
留意深色与饱和色
最明亮的印刷颜色,尤其是深蓝和鲜绿,是那些看起来与其公式值差别最大的颜色。如果您的品牌有这样一种,请把 CMYK 转换成 HEX,然后把屏幕与印刷品并排观察,并预期要调整几步。
把 CMYK 记在文件名或备注里
当您保存用转换后的颜色制作的图像或文档时,请注明它来自哪个 CMYK。如果品牌重印或印刷机变更,这份记录能让您问心无愧地重做转换。
关于简写与透明度的说明
短代码
当答案的三对数字重复时,如 #FF6600,您可以在样式表中写成简写形式 #F60。这是同一种颜色,有些人觉得它更容易阅读。本页给出的是长形式,它始终有效。
透明度
印刷没有这种透明度,所以这里的答案始终是不透明的颜色。如果您需要一个半透明的版本用于网页叠层,请取这个代码并添加一对 alpha 值,例如 #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 转换成 HEX 的朴素方式。
总结
要在这里把 CMYK 转换成 HEX,请键入四个百分比并立刻读出十六进制代码。转换分两步:一步是通过一个标准公式,从油墨到屏幕会显示的红、绿、蓝光;另一步是从这三个数字到它们的十六进制写法,后者是精确的。第一步没有唯一正确的答案,因为纸上的油墨和屏幕上的光是不同的东西,忠实的转换需要印刷机、纸张和您显示器的配置文件。浓黑会作为一种平淡的深色呈现,专色没有 CMYK 对应值,整数百分比意味着往返可能落在相差一步的位置。请把代码当作起点,并将它与印刷样张比较。没有任何东西被上传。