在 HEX, RGB, HSL 和 CMYK 颜色格式之间转换。
使用支持 Alpha 通道的工作流,在 HEX、RGB、HSL 和 CMYK 之间转换颜色,让开发和设计团队在 Web UI、视觉资产与印刷交付之间保持一致。
它在常见 Web 和打印格式之间转换颜色值,同时尽可能保留通道精度。
它提供快速单向转换,例如 HEX 转 RGBA 或 RGBA 转 8 位十六进制。
它有助于让产品 UI 颜色与设计规范保持一致,并减少前端交付时的格式不匹配。
HEX 输入
#3b82f6
RGBA 输入
rgba(59, 130, 246, 0.42)
HSL 输入
hsl(217, 91%, 60%)
RGB 输出
rgb(59, 130, 246)
8 位十六进制输出
#3b82f66b
CMYK 输出
cmyk(76, 47, 0, 4)
实现说明
首选一种规范令牌格式并在构建管道中自动派生其他格式。
Alpha 通道在转换过程中被丢弃
使用 Alpha 感知格式对,如 RGBA 和 8 位 HEX。
CMYK 输出在打印中看起来不同
记住,在没有配置文件管理工作流程的情况下,CMYK 转换是近似的。
无效的简写十六进制解析
在通道转换之前正确扩展简写值。
工具之间的舍入不匹配
跨设计和工程工具标准化舍入策略。
颜色转换器 应作为交付流程中的快速校验步骤,在提交、发布和交接前都建议执行一次。
我应该将令牌存储为十六进制还是 HSL?
使用与您的主题系统相匹配的格式,然后自动派生其他格式。
为什么 CMYK 和屏幕颜色不同?
打印和显示颜色空间不同,因此并不总是能够实现精确的视觉奇偶校验。
何时需要 8 位十六进制?
当您需要包含 Alpha 透明度的紧凑十六进制表示时,可以使用它。
我可以信任用于生产的浏览器转换吗?
标准 Web 工作流程通常可以信赖浏览器转换,但印刷关键场景仍应使用颜色管理工具。