第四步：调整色相、饱和度和明度

如果想用吾色快速匹配色调，最有效的方式不是连续尝试随机颜色，而是先确定设计中的主色和使用场景，再根据色彩关系生成候选颜色，最后检查明度、饱和度🔥、文字可读性和实际输出效果。不同版本或入口提供的取色、配色和导出功能可能存在差异，具体操作以当前页面显示为准。

主色决定整个设计的第一印象。可以从品牌标志、产品本身、主题图片或客户指定色值中选择。若从图片取色，不建议直接使用面积很小但饱📢和度极高的像素💪，因为这种颜色往往只能作为点缀，不能代表画面的整体气质。

不同设计场景下，吾色应该怎样选方案

做网页或应用界面时，先保证可读性。背景色不宜与正文颜色过于接近，按钮的文字和底色也要有明显区分。可以先确定页面背景、正文、次要文字、边框和主按钮五类颜色，再补充成功、警告和错误状态色。若色板中只有好看的展示色，却没有足够清晰的文字色，仍然不能直接用于界面。

从照片或插画配色时，先看整体而非局部。可以提取一到两个能够概括画面氛围的颜色，再用中性色压住复杂区域。如果照片本身颜色很多，直接把所有取样结果都放进设计🔑，通常会让版面失去重点。

第一步：先确定主色，而不是先挑配色

配色工具的价值不只是“找几个好看的🎯颜色”，而是把模糊的视觉感觉转化为可以复用的色值和颜色层级。常见使用场景包括：

生成候选色后，不要只凭🎉“看起来漂亮”作判▶️断。可以把颜色拆成三个方向调整：色相决定颜色偏向，饱和度决定鲜艳程度，明度决定明暗关系。