ColorBox

ColorBox

用可调曲线精确构建设计系统色板通过设置色相、饱和度与亮度的起止值、曲线和方向生成多级颜色,并利用对比度标记、主次步进和颜色锁定功能细化色板。工具支持 HSV 与 OKLCH 色彩空间、深色模式以及颜色导入和导出。

ColorBox 页面快照
2
可选色彩空间:HSV、OKLCH
3:1 / 4.5:1
页面提供的对比度标记
2
色相旋转方向:顺时针、逆时针
2
主步进与次步进控制
核心能力

精细控制色板的生成过程

从色彩空间、曲线参数到步进和对比度标记,对设计系统中的颜色层级进行集中调整。

曲线化色板生成

分别设置色相、饱和度和亮度的起止值,并通过曲线与方向控制颜色变化。

多级步进控制

使用主步进和次步进组织色板层级,并调整生成的颜色数量。

对比度标记

在色板中查看 3:1 和 4.5:1 对比度标记,辅助识别符合可访问性要求的颜色。

锁定指定颜色

将选定颜色锁定后继续调整其他参数,保留色板中的关键颜色。

HSV 与 OKLCH 模式

可在 HSV 和 OKLCH 色彩空间之间选择,以不同模型控制配色。

颜色导入与导出

页面提供颜色导入和导出入口,便于继续处理生成的色板。

功能动态

色彩空间能力更新

页面标记了新增的色彩空间选项,可用于不同方式的配色与颜色调整。

新增 OKLCH 色彩空间模式

色彩空间选项中将 OKLCH 标记为新功能,可与 HSV 模式切换使用。

官方资源

打开 ColorBox 调色界面

进入官方页面生成、调整、导入或导出颜色。

ColorBox

从这里开始使用ColorBox。