device-cmyk() 不是当前任何主流浏览器支持的 CSS 颜色函数，已被 W3C 从规范中移除且无实现计划，Chrome、Firefox、Safari、Edge 均不解析该函数。
Device-cmyk() 在现代 CSS 中根本不可用
直接说结论：device-cmyk() 不是当前任何主流浏览器支持的 CSS 颜色函数。你在 Chrome、Firefox、Safari 或 Edge 里写 color: device-cmyk(0%, 100%, 100%, 0%);
它曾出现在早期 CSS Color Module Level 4 草案中，但已被移除。W3C 明确标注该函数“removed from the specification”，且没有实现计划。
为什么你搜到的示例跑不起来
常见错误现象包括：
- 开发者工具里显示
device-cmyk()为无效值，整条声明被忽略 - 控制台报错类似
Invalid property value（但通常静默失效） - 颜色回退到继承值或初始值（如黑色），而非预期的青色
根本原因：这不是浏览器 bug，而是规范弃用 —— 没有引擎去解析这个函数，CSS 解析器直接跳过它。
立即学习“前端免费学习笔记（深入）”；
印刷场景下真正能用的替代方案
如果你在做 PDF 导出、印刷准备或设计系统对接，需要 CMYK 表达，目前只有这些路径可行：
-
@media print中仍只能用rgb()、hex或hsl()；浏览器打印预览不理解 CMYK - PDF 生成工具（如 Puppeteer +
pdf-lib、WeasyPrint、PrinceXML）才支持 CMYK 值，需在生成环节注入，不是靠 CSS 渲染 - 某些 CSS-in-JS 库（如 styled-components）可加注释标记，例如
/* cmyk: 0,100,100,0 */ color: #00ffff;，供后端提取转换 - PostScript 或专业排版软件（InDesign、Illustrator）导出时，会把 RGB 值按内置配置转 CMYK —— 这个映射必须由你手动校准，不能依赖 CSS
别踩“用 CSS 控制印刷色域”的坑
容易被忽略的关键点：
- 屏幕 RGB 和印刷 CMYK 是不同色域，同一数值在两者间无法精确对应 —— 即使
device-cmyk()存在，也解决不了色差问题 - CMYK 效果高度依赖油墨类型、纸张、网点线数等物理参数，CSS 无权也不应介入这些层面
- 所谓“Web to Print”流程中，CSS 只负责结构和近似视觉稿，真色值必须在 PDF/PS 生成阶段由专用工具绑定输出配置文件（如 ISO Coated v2）
换句话说：把 CMYK 当作 CSS 颜色来写，等于在前端强行处理本该由印前系统完成的事。
