1. 品牌色彩转换
背景
一位品牌设计师正在为一家科技公司更新视觉识别系统。品牌指南中使用了LCH值来定义主色和辅助色,以确保色彩感知的一致性。
问题
设计师需要将这些LCH颜色值转换为Adobe RGB格式,以便在Adobe Photoshop和Illustrator中进行屏幕设计和印刷品制作。
如何使用
在“LCH输入”框中,逐行输入品牌色的LCH值,例如 `lch(65, 45, 250)`。在“输出格式”中选择“rgb(255,0,0)”格式。
结果
工具立即输出了对应的Adobe RGB值,如 `rgb(58, 145, 214)`。设计师可以直接将这些值复制到设计软件中,确保了从色彩定义到实际应用的无缝转换。
2. 批量转换设计系统色板
UI设计师背景
UI设计师正在构建一个大型应用的设计系统。为了创建一套视觉上平滑过渡的色板,他使用LCH模型定义了从浅到深的多个灰色和品牌色阶。
问题
他需要将这一整套(超过20个)LCH颜色值快速转换为Adobe RGB,以便在Figma和代码中实现。
如何使用
将所有LCH颜色值整理成每行一个的格式,粘贴到输入框中。选择“简单”输出格式(如“255,0,0”)以获得最紧凑的数值。
输入示例:
lch(95, 2, 250)
lch(85, 5, 250)
lch(75, 8, 250)
...
lch(25, 10, 250)
结果
工具一次性生成了所有对应的Adobe RGB数值列表。设计师将结果导入Figma的色板插件,并同步更新了CSS变量文件,极大地提升了工作效率。