最简单的用法:先锁一个颜色

如果你已经有角色主色、Logo 色或者背景色,不要每次把整组颜色全部随机掉。保留那个不能动的颜色,再围绕它生成和微调,会比从五个随机色开始更有方向。

Coolors 当前除了 Palette Generator,还有图片取色、对比度检查、可视化、颜色选择等工具,适合把“灵感”继续落到实际界面或插画里。

从图片取色以后,别照搬整张图

参考图里的色彩关系会受到光线、材质和后期影响。取出来的五个颜色只是样本,并不等于它们在你的作品里应该按相同比例出现。

做角色或网页主题时,我通常先确定主色、背景色和强调色,再根据文字可读性去修亮度和饱和度。

网页配色要顺手检查对比度

插画里“融在一起”有时是气氛,界面文字里就可能变成看不清。Coolors 当前提供 Contrast Checker,可以用来快速发现前景和背景对比不足的问题。

真正上线的网站还应该结合 WCAG 和实际字体大小检查,不能只凭肉眼觉得“差不多”。

导出只是开始

调色板可以导出成多种格式,但设计系统最后还需要给颜色命名和定义用途。与其叫 blue-1、blue-2,不如按 text-muted、surface、accent 这类用途管理,后面改主题会轻松很多。