CMYK 转 RGB Cyan Magenta Yellow Black ↔ Red Green Blue 免费 在线 安全
用 CMYK 写一个值,右边立刻就是 RGB。算术在你的浏览器里跑,什么都不往外发,而结果取决于什么,下面写着,不靠默认。
不上传任何文件
这些写法从哪里来
十六进制和 RGB 是同一件事写了两遍。屏幕上的颜色是三个数——要发出多少红光、绿光和蓝光——每个从0到255,也就是一个字节;十六进制不过是把这些字节按十六进位写出来,所以 #FF8800 和 rgb(255, 136, 0) 是给同一个像素下的同一道命令。HSL 之所以被发明,是因为那两种写法人都读不懂:它把色相写成色轮上的角度,把饱和度与明度写成百分比,于是设计者不必重算三个数就能把一个颜色调亮。CMYK 属于另一个世界——墨,而不是光。它是减色的,由四块印版搭成,并且够不到屏幕能给出的每一种颜色,因为屏幕发光,而纸只是把光反射回来。
你会在哪里遇到它们
十六进制是你敲进样式表里的东西,也是设计工具递给你的东西。RGB 出现在任何需要对颜色做算术的地方:渐变、透明度、算出某个色调的代码。HSL 是手动调整配色时伸手去拿的那一种,因为你想要的改动,往往就是它三个数里某一个的改动。CMYK 是印刷厂要的东西,而换算到它的那一刻,正是一份设计不再是光、而成为墨的那一刻。
常见问题
为什么我的 CMYK 结果和印刷厂给的不一样?
因为并不存在唯一正确的换算。本页的算法是简单的、与设备无关的那一种;当你需要一个起点或一个大致的对应值时,它就是正确答案。印刷厂是通过一份色彩特性文件来换算的,那份文件把具体的油墨、纸张与印刷机都算了进去;同一个 RGB 颜色,在光面铜版纸上和在胶版纸上会得出不同的 CMYK 值。凡是必须对上的东西,请向印刷厂索取他们的特性文件,而不要相信一条公式。
为什么有些屏幕上的颜色印不出来?
因为两者能够到的颜色并不相同。屏幕靠叠加光线成色,能给出油墨根本比不上的鲜艳饱和的青或绿;纸靠吸收光线成色,它最亮也不过是纸页本身的白。各自能够到的颜色范围叫作色域,在两者不重叠的地方,换算只能挑一个手上最接近的颜色。这就是屏幕上明亮的颜色印出来往往略显发闷的原因。
结果精确吗?
两个单位若以整数互相定义,那就是精确的——本页在数字上方说明了这一点,唯一的舍入在于显示多少位。若比值没有有限小数,本页给出十二位有效数字,并说明这个关系是近似的,而不是装作不是。
我敲进去的东西会离开我的设备吗?
不会。运算在你的浏览器里进行;没有任何东西被上传,也没有接收它的服务器。页面加载一次之后,断网也照样能用。
为什么要把 CMYK 转换成 RGB
印刷的颜色以四个百分比书写:青、品红、黄和黑。品牌指南把一种绿色给作 75, 0, 25, 52。印刷商的工单说封面是 0, 22, 44, 65。去年的一份传单使用了一种从未有人在屏幕上记下的蓝色。现在您必须在网站、演示文稿或社交媒体帖子中使用这些颜色,而那里只存在红、绿、蓝。把 CMYK 转换成 RGB,就是取那种为油墨而制的颜色,找出与它最接近的屏幕颜色。
有必要弄清楚转换能提供什么。印刷的颜色是油墨、纸张和光共同的结果,而屏幕颜色只是光的结果。要忠实地在两者之间转换,需要印刷机、纸张和您显示器的配置文件。没有这些,您得到的是每个网页工具都使用的标准公式,它足以在屏幕上挑选一种颜色,也是匹配印刷品的一个公平起点,但并不是精确的匹配。本页不会声称比这更多。它在您的浏览器中进行算术,展示其演算过程,并告诉您坦率的局限在哪里。
没有任何东西被上传。下面您将找到公式、一个演算示例、转换保留了什么和无法保留什么、为什么由公式得出的颜色常常比印刷原件看起来更亮、人们需要把 CMYK 转换成 RGB 的场合,以及几个让品牌的印刷版与屏幕版保持同步的习惯。
转换是如何进行的
从油墨到光
公式把每种油墨当作一个滤掉部分光的滤镜。青色滤掉红色,品红滤掉绿色,黄色滤掉蓝色;黑色滤掉每一种的一部分。所以您看到的红色,是青色和黑色拿走自己的份额之后所剩下的,绿色和蓝色同理。用数字表示,每个通道是 255 乘以一减去对应的油墨,再乘以一减去黑色:R = 255 × (1 − C) × (1 − K),G = 255 × (1 − M) × (1 − K),B = 255 × (1 − Y) × (1 − K)。
示例
对于 cmyk(0%, 22%, 44%, 65%),黑色的因子是 1 − 0.65 = 0.35。红色是 255 × 1 × 0.35 = 89。绿色是 255 × 0.78 × 0.35 = 70。蓝色是 255 × 0.56 × 0.35 = 50。结果是 rgb(89, 70, 50),这就是本页起始时的颜色,用十六进制表示是 #594632。
以百分比作为输入
这四个数字是从 0 到 100 的百分比。本页接受带或不带百分号的写法。超出范围的值会被限制在范围之内,因为负的油墨和超过一整块版的油墨都没有意义。
转换保留什么,无法保留什么
它把颜色保持得尽可能接近公式所能达到的程度
结果是公式所能给出的最接近的颜色,以及按印刷商期望的顺序排列的四个色版:青、品红、黄,以及承载暗部的黑。黑色作用于所有三个通道,这就是它在纸上的作用方式,一层黑色油墨会使其下方的一切变暗。
坦率的局限:没有唯一正确的答案
纸上的油墨和屏幕上的光是不同的东西,要忠实地在两者之间转换,需要印刷机、纸张和您显示器的配置文件。没有这些,您得到的就是每个网页工具都使用的标准公式:足以在屏幕上挑选一种颜色,却不足以说网页版本与印刷版本是相同的。请把这些数字当作起点,并对照印刷样张比较。
公式无法承载的另外两件事
由几种油墨混成的浓黑会作为一种平淡的深色呈现出来,看不到调出它的那些油墨的任何痕迹。而专色根本没有 CMYK 对应值,所以如果原件是 Pantone 油墨,任何四色分解都已经是一种近似,而由它得出的屏幕颜色是近似的近似。
整数百分比
因为这四个数字是以整数百分比书写的,一个颜色来回走一趟可能落在相差一步的位置:#5A4632 返回时是 #594632。这个差别是看不见的。但它确实意味着往返并不精确,所以请把原始值作为母版。
为什么公式的颜色看起来更亮
公式忽略了纸张
纸从来不是完全的白,油墨也从来不能完全吸收。一张印刷页只反射落在它上面的一部分光,这使每种印刷颜色都比其公式值略暗、略灰。当您把 CMYK 转换成 RGB 并把结果放到会发光的屏幕上时,这种颜色看起来比印刷品更亮、更干净。那是公式简单,而不是印刷商有错。
纯油墨并非公式的颜色
公式假定 100% 的青色恰好是 rgb(0, 255, 255),一种纯青色。真实的青色油墨更深、绿味更少,在常见配置文件中其屏幕对应值更接近 rgb(0, 174, 239)。所以实地油墨在公式中看起来比现实中亮得多。油墨值高的颜色,是差距最大的地方。
配置文件缩小差距
色彩管理的工作流程使用印刷机的 ICC 配置文件,把 CMYK 转换成与设备无关的颜色,然后用您屏幕的配置文件来显示。在带有正确配置文件的排版程序中,屏幕上的软打样接近印刷品。本页的公式是这一过程的简单版本,没有任何配置文件。
您在哪里遇到这个转换
把印刷品牌搬到网上
品牌是为印刷定义的公司,有 CMYK 值而没有屏幕值。为了建一个与之匹配的网站,设计师把 CMYK 转换成 RGB,在日光下将结果与印刷样张比较,并调整直到两者看起来相似。最终的屏幕值随后记录在品牌手册中。
阅读印刷商的规格
工单以 CMYK 列出封面颜色。为了在样张到来之前对它们有个感觉,您可以把它们转换成 RGB 并在屏幕上看。那不是印刷品,但它是色相与深度的预览。
样稿与演示文稿
当您在演示文稿中向客户展示印刷传单的样子时,颜色必须是屏幕颜色。转换传单的 CMYK 值是第一步,接着是目视检查。
数字化旧材料
印刷品的扫描件给出屏幕颜色,但规格只给出 CMYK。如果您想根据规格重现一个设计,转换它的颜色就给了您一个可以着手的基础。
如何在这里把 CMYK 转换成 RGB
键入四个百分比
在第一个字段中以 cmyk(0%, 22%, 44%, 65%) 的形式输入颜色,或者只输入四个用逗号或空格分隔的数字。
读出 rgb 值
答案立刻出现,如 cmyk(0%, 22%, 44%, 65%) = rgb(89, 70, 50)。这三个数字的范围是 0 到 255。
与印刷品比较
如果您有印刷样张,请在日光下把它放在屏幕旁边。如果需要更接近的匹配,就凭眼睛调整 rgb 值,并记录您最终得到的值。
这些记法从何而来
十六进制与 RGB 是同一件事写了两遍
屏幕颜色是三个数字,即发出多少红、绿、蓝光,每个从 0 到 255,也就是一个字节。十六进制只是用十六进制来书写这些字节。如果您想直接得到某个 CMYK 颜色的十六进制代码,CMYK 转 HEX 会一次完成两步。
HSL 与 CMYK
HSL 的发明,是因为两者对人来说都不易读:它把色相表示为色轮上的一个角度,饱和度和明度则是百分比,所以设计师可以把某个东西变亮,而无需重新计算三个数字。CMYK 则完全属于另一个世界,是油墨而不是光。它是减色的,由四块印版构成,并且无法达到屏幕能显示的每一种颜色,因为屏幕发光,而纸张只是反射光。
把 CMYK 转换成 RGB 时的陷阱
期望与印刷品匹配
屏幕颜色的色相会很接近,深度则不同。请在日光下对照真实的样张比较并加以调整。
把 100% 的黑色当作纯黑
K 为 100% 时,公式给出 rgb(0, 0, 0),但印刷的黑色是会反射一点光的深灰色。对于必须看起来像印刷黑色的文字,许多设计师更喜欢 rgb(20, 20, 20) 或类似的值。
一次又一次地转换
两个体系之间的每次转换都会增加误差。请从原始 CMYK 出发转换一次,并保留结果。
忘了专色不是 CMYK
如果品牌颜色是 Pantone 油墨,请索取其官方的屏幕值,油墨制造商会公布这些值,并使用它们来代替公式。
人们在转换之前提出的问题
cmyk(0%, 0%, 0%, 0%) 的 RGB 是什么?
rgb(255, 255, 255),白色:白纸上没有油墨。
cmyk(0%, 0%, 0%, 100%) 的 RGB 是什么?
rgb(0, 0, 0),按公式是黑色,尽管印刷的黑色看起来没有那么深。
为什么我印刷的颜色看起来更暗淡?
因为纸张只反射一部分光,而油墨并非完美的滤镜。公式对这两者都一无所知。
这个转换是精确的吗?
它是在一个简化模型上的精确算术。结果是个好的起点,而不是与印刷品的匹配。
我的颜色会被上传吗?
不会。算术在您的浏览器中运行,没有任何东西被发送到任何地方。
我如何转换回去?
让印刷与屏幕保持同步的习惯
保留一份记录两者的品牌手册
用两种形式写下每种颜色,并附上匹配方式的说明:通过配置文件、对照样张凭眼睛,还是通过公式。下一个需要把 CMYK 转换成 RGB 的人,就知道这些数字可以信赖到什么程度。
记录您所对照的样张
在抽屉里保存一块印刷色样,注明日期和印刷机。当两个人对一种颜色有分歧时,它是唯一重要的真相。
在设计软件中使用配置文件
排版和图像程序可以用 ICC 配置文件进行转换并显示软打样。设置一次,您的屏幕就会比任何网页公式都更接近印刷品。
不要无休止地编辑转换后的颜色
屏幕版本一旦匹配好,就记录下来并停手。在不同屏幕上进一步微调,只会导致没有人能重现的版本。
让屏幕版本值得信赖
在受控的光线下凭眼睛匹配
在您把 CMYK 转换成 RGB 之后,最好的检查是老办法。把印刷样张放在屏幕旁边,在日光下而不是有色灯下,屏幕亮度处于正常水平。看这两者几秒钟,然后移开视线再看回来。如果屏幕看起来明显更亮或更蓝,就把它的饱和度稍微调低。这不科学,但多年来大多数品牌颜色都是这样匹配的。
如果颜色重要就校准
未经校准的显示器在颜色和亮度上可能有明显的偏差。如果您的工作取决于匹配印刷与屏幕,硬件校准器是一笔小投资。没有它,您的匹配可能在自己的屏幕上看起来正确,而在其他所有地方都不对。
以样张为权威
当人们对一种颜色有分歧时,请指向印刷色样,而不是屏幕。屏幕各不相同,而色样才是品牌指南所描述的参照。每当您把 CMYK 转换成 RGB 时,请把结果看作供屏幕使用的色样描述,而不是颜色本身。
在整个网站保持一致
一旦您确定了屏幕值,就在网站、电子邮件和演示文稿中的每一处使用它。在三个页面上显示三种略有不同的绿色的品牌,即使每种绿色都说得过去,也显得草率。
相关转换器
同一家族的工具涵盖相邻的转换。要转换回去,请用 RGB 转 CMYK。对于十六进制代码,有 CMYK 转 HEX 和 HEX 转 CMYK,而对于屏幕记法本身,有 RGB 转 HEX、HEX 转 RGB 和 HEX 转 HSL。对于准备印刷的文档,压缩 PDF 能让文件更轻,便于发送。
一个演算示例
假设一家公司三年前的宣传册使用了指定为 cmyk(75%, 0%, 25%, 52%) 的绿色,而新网站必须与之匹配。您键入四个数字,读出 rgb(31, 122, 92),即 #1F7A5C。您用这种颜色搭建页面,然后在日光下把宣传册放在屏幕旁边。宣传册看起来稍深一些,所以您把明度略微调低,调到 #1B7155,并与设计师商定。品牌手册现在列出了 CMYK、公式的 RGB 和匹配后的 RGB,并各自标明。
一份简短的清单
转换之前
弄清楚这个颜色是印刷四色还是专色油墨,以及您是否有印刷样张。
转换期间
键入四个百分比,读出 rgb 值,并把它记作起点。
转换之后
在日光下对照印刷品比较,如有需要凭眼睛调整,并记录最终值及其获取方式的说明。
常见错误
把公式当作匹配
它是起点。印刷品说了算。
把 100% 的黑色用作文字颜色
印刷的黑色比屏幕上的纯黑更柔和。如果想要同样的印象,请选择一种很深的灰色。
兜圈子地转换
从原件出发转换一次,并保留结果。
您的颜色留在您的设备上
计算在本地进行。您的数值由您自己的浏览器使用,没有任何东西被发送到任何地方。事后没有需要删除的东西,也没有需要创建的账户。这就是把 CMYK 转换成 RGB 的朴素方式。
总结
要在这里把 CMYK 转换成 RGB,请键入四个百分比,并使用 R = 255 × (1 − C) × (1 − K)(绿色和蓝色同理)立刻读出 rgb 值。结果是公式所能给出的最接近的颜色。没有唯一正确的答案,因为纸上的油墨和屏幕上的光是不同的东西,忠实的转换需要印刷机、纸张和您显示器的配置文件。浓黑会作为一种平淡的深色呈现,专色没有 CMYK 对应值,整数百分比意味着往返可能落在相差一步的位置。请把这些数字当作起点,并对照印刷样张比较。没有任何东西被上传。