颜色格式转换
不透明 CSS 颜色转换与 HSV、CMYK 参考值
颜色与设计
🔒 100% 本地运行 — 你的数据不会离开当前页面由 Evan 维护•最近更新：2026年9月30日
选项模式
输入
先输入颜色值，直接看 HEX / RGB / HSL 等结果；进阶格式和场景样例可在高级模式查看。
🔒 浏览器内本地处理
输出
结果将在这里显示
页面阅读模式
完整说明还包括常见问题处理、操作示例、代码片段、FAQ 和相关工具，便于核对结果或排查问题。
工具说明
输入不透明的 HEX、RGB、HSL 或 CSS 颜色名，输出 HEX、RGB、alpha 为 1 的 RGBA、HSL、HSV 与近似 CMYK。提供原生取色器和 CSS 自定义属性代码，不处理透明通道或印刷色彩配置。
场景配方
01
转换不透明 CSS 颜色名
目标：为前端样式取得受支持颜色的数值表示。
- 输入 rebeccapurple 并执行颜色转换。
- 确认 HEX 为 #663399。
- 在高级模式查看近似 CMYK 和 CSS 变量片段。
结果：HSV、CMYK 是输出，不是可输入的颜色语法。
失败门诊（高频踩坑）
透明通道和印刷色彩配置需另行处理
原因：工具拒绝半透明输入，CMYK 也没有经过印刷色彩配置。
修复：透明素材应保留 alpha，印刷交付按印厂 ICC 流程转换。
生产可用片段
示例
text
rebeccapurple → #663399 → rgb(102, 51, 153)常见问题
HSV 和 CMYK 可以作为输入吗？
这里的 HSV、CMYK 仅作为输出。输入支持不透明的 HEX、RGB、HSL 和 CSS 颜色名，例如 rebeccapurple；需由浏览器解析为六位 RGB 十六进制值。不支持 CSS 变量、currentColor、宽色域或透明色。
RGBA 为什么总是 alpha 1？
当前只转换不透明颜色，所以 RGBA 输出固定为 1。半透明输入会被拒绝，不会擅自丢弃透明度。需要保留 alpha 的设计素材应使用支持透明通道的工具。
CMYK 数值能直接用于印刷交付吗？
只能作 RGB 到 CMYK 的近似参考，未使用 ICC 色彩配置、纸张或油墨参数。正式印刷应按印厂要求转换；HSL、HSV、CMYK 输出也有整数舍入，不宜反复来回转换。
继续浏览