暖橙印刷色
适合把接近番茄红的印刷色换算成网页颜色。
输入
CMYK 输入
0%, 61%, 72%, 0%
输出
RGB 输出
255, 99, 71
HEX 输出
#FF6347
颜色转换
CMYK 转 RGB / HEX 在线转换器
输入 CMYK 的青、品红、黄、黑四个百分比后，系统会实时转换成 RGB、HEX 和 CSS 写法，适合把印刷色值快速切换到网页设计与前端代码场景。
实时转换
CMYK 常用于印刷设备，RGB 和 HEX 更适合网页、设计系统和浏览器显示。输入变化后会立即同步颜色结果。
CMYK 常用于印刷与喷绘。输入青、品红、黄、黑四个百分比后，系统会立即输出网页更常用的 RGB 和 HEX 结果。
- CMYK
- 0%, 61%, 72%, 0%
- RGB
- 255, 99, 71
- HEX
- #FF6347
- CSS 背景色
- background-color: #FF6347;
转换规则
CMYK 属于减色模型，网页颜色通常需要先转换到 RGB，再落地为 HEX 或 CSS。
- `C / M / Y / K` 分别表示青、品红、黄、黑四个印刷通道。
- 网页和浏览器使用的是 RGB 发光模型，所以印刷色值不能直接用于前端代码。
- 转换成 RGB 或 HEX 后，颜色更适合写进样式表、设计系统和 UI 标注中。
适合哪些场景
CMYK 转 RGB / HEX 最常见于设计交付、印刷转网页和品牌色规范整理。
- 把印刷物料上的 CMYK 标注转成网页需要的颜色代码。
- 把品牌手册中的印刷色与线上配色系统统一起来。
- 在设计协作中核对海报、包装、网页之间的颜色映射关系。
常见 CMYK 转换参考
下面这组预设可以帮助你快速核对 CMYK、RGB 和 HEX 之间的对应关系。
名称CMYKRGBHEX
番茄红0%, 61%, 72%, 0%255, 99, 71#FF6347
海盐蓝87%, 41%, 0%, 10%30, 135, 230#1E87E6
森林绿63%, 0%, 60%, 51%46, 125, 50#2E7D32
墨夜蓝44%, 25%, 0%, 78%31, 42, 56#1F2A38
使用建议
如果你的最终输出场景是网页、App 或前端样式，建议优先确认 RGB 和 HEX 是否满足屏幕显示预期。
- CMYK 转换到屏幕后，视觉效果可能和纸面印刷略有差异。
- 品牌色上线前，建议同时核对设计稿、浏览器和设计系统文档中的颜色一致性。
- 如果用于文本和背景搭配，建议继续配合对比度检测工具检查可读性。
示例输入输出
示例覆盖印刷品牌色转网页色的高频场景。
标准青色
适合验证印刷色里基础青色对应的网页输出。
输入
CMYK 输入
100%, 0%, 0%, 0%
输出
RGB 输出
0, 255, 255
HEX 输出
#00FFFF
常见问题
CMYK 转换最常见的问题来自印刷色和屏幕色之间的差异。
为什么 CMYK 转成 RGB 后，颜色和印刷稿看起来不完全一样？
因为 CMYK 是印刷用的减色模型，RGB 是屏幕用的加色模型，两者显示设备和色域都不同，所以转换后通常只能尽量接近。
网页里可以直接使用 CMYK 吗？
不适合。浏览器和 CSS 主要还是围绕 RGB、HEX、HSL 这类屏幕颜色格式工作，所以 CMYK 更像是网页交付前的一次换算来源。
什么时候最需要用 CMYK 转换？
当你拿到印刷品牌规范、海报物料色值或线下视觉标准，需要同步到网页和数字端时，CMYK 转换会很常用。
相关工具
你还可以继续使用其他已经可用的颜色转换和配色工具。