2026-05-18 · 约 1 分钟阅读
HEX/RGB 工具与设计规范文档
转换器加速交付，但不能替代权威色板。
设计规范用语义名（primary-600）；转换器处理工单里的一次性 HEX。
无障碍对比度仍需 RGB 计算值。
如何阅读本对比
临时值用转换器；canonical 名称用设计系统。
| 方案 | 数据处理 | 典型速度 | 适用场景 |
|---|---|---|---|
| 颜色转换工具 | 本地颜色字符串 | 即时 | 修 bug、遗留 CSS、截图取色 |
| 设计系统规范 | 团队维护 Token | 流程 | 全产品一致性、主题、暗色模式 |
结论要点
- 未知 HEX 先转换，若复用则纳入 Token。
- 在设计文档中记录 canonical HEX 避免漂移。
常见问题
HEX/RGB 工具与设计规范文档应该怎么选？
未知 HEX 先转换，若复用则纳入 Token。
什么时候应该打开颜色转换？
当你已经确认该工作流适合当前任务时，打开颜色转换可以直接完成下一步操作。
对比时最容易忽略什么？
优先核对数据处理边界、输入格式和失败后的排查路径。临时值用转换器；canonical 名称用设计系统。