color()函数不支持印刷专色，device-cmyk()和color(cmyk...)均无效；唯一可用广色域空间是display-p3，需@supports检测且仅在P3屏幕生效；印刷场景应脱离CSS，交由专业印前流程处理。
color() 函数不支持印刷专色，cmyk 和 device-cmyk 都无效
直接说结论：color() 函数无法指定 Pantone、Toyo 或其他印刷专色；device-cmyk() 和 color(cmyk ...) 在所有主流浏览器中均被当作语法错误丢弃，不会渲染、不触发 fallback、也不出现在 DevTools 的 computed 样式中。
常见错误现象：color(cmyk 0 1 1 0)、device-cmyk(0%, 100%, 100%, 0%)、甚至带斜杠的 device-cmyk(0% 100% 100% 0% / 1) 全部无效——整条 CSS 声明被解析器静默跳过，后续同条规则（如 font-size: 16px）也不会生效。
-
cmyk不是当前任何浏览器认可的色彩空间名，CSS Color 4 规范虽提及，但实现状态为「未实现」 -
device-cmyk()是独立函数，不是color()的参数，二者语法层级不同，混用必错 - 没有油墨控制能力：无法指定黑版曲线、UCR/GCR、ICC 配置文件或 Pantone 编号，这些属于印前系统范畴，不在 CSS 职责内
display-p3 是 color() 唯一可用的广色域空间，别试 rec2020
color(display-p3 1 0 0) 是目前唯一能在 Safari 16+、Chrome 111+（需未禁用 css-color-adjust）、Firefox（需手动开启 layout.css.color-functional-notation.enabled）中实际渲染的非 sRGB 空间。
而 color(rec2020 0 0.5 1) 或 color(a98-rgb 0.2 0.8 0.4) 这类写法，截至 2026 年 5 月，在任何已发布浏览器版本中都不会产生 rec2020 或 a98-rgb 色彩输出——它们被识别为未知空间名，整条声明作废。
立即学习“前端免费学习笔记（深入）”；
- 拼写必须严格为
display-p3：写成displayp3、p3、Display-P3或display-p3-2022全部无效 - 数值范围是 0–1 浮点数，不是百分比：
color(display-p3 100% 0% 0%)错误，应写color(display-p3 1 0 0) - 仅在 P3 覆盖屏幕（如高端 Mac、iPhone）上呈现更饱和红/绿；在普通 sRGB 屏上会映射到相近 sRGB 值，但无控制权
@supports 是唯一可靠的运行时检测方式
不能靠 UA 判断、不能靠 matchMedia、也不能靠特性字符串嗅探。唯一标准且跨浏览器有效的检测手段是：
@supports (color: color(display-p3 0 0 0)) {
.brand-button {
color: color(display-p3 0.9 0.2 0.1);
}
}
这个检测能准确反映当前环境是否真正支持 color() 函数及 display-p3 空间解析。其他方式（比如查 navigator.userAgent 是否含 "Safari"）会漏掉 Chrome on macOS 或误判旧版 Firefox。
-
@supports必须包裹完整函数调用，只写@supports (color: display-p3)无效 - 检测通过 ≠ 实际显示为 P3 色：它只说明浏览器能解析该语法，最终是否按 P3 渲染取决于设备硬件与系统级色彩管理
- 不要在不支持环境中 fallback 到
device-cmyk——它同样不被支持，只会让整条规则失效
印刷场景请彻底离开 CSS color()，转向专业流程
如果你真在做印刷品交付（如 PDF 输出、印前打样），color() 函数没有任何作用。浏览器 CSS 引擎不生成 CMYK 数据，不嵌入 ICC，不处理黑版合成，也不对接 RIP（光栅图像处理器）。
真实工作流是：设计工具（Figma/Photoshop/Illustrator）导出带嵌入配置文件的 PDF/X-4，由印厂使用专业 RIP 软件解释；或通过 CMS（色彩管理系统）将 RGB 源映射到目标 CMYK 特性文件。
- CSS 中的
#ff0000或red在印刷时默认转为近似 CMYK 值（如C0 M100 Y100 K0），但这是不可控的、依赖渲染引擎的隐式转换 - 所谓“网页端模拟印刷色”只是视觉近似，不是生产级输出；试图用 CSS 控制油墨比例等于用锤子拧螺丝
- 如果项目要求 Pantone 匹配，请在设计阶段用 Pantone Bridge 指南选色，并在 PDF 中标注 spot color channel——这一步 CSS 完全不参与
