配色先分角色再选颜色：调色板、文字对比与交付记录

挑出五个喜欢的颜色，不等于已经有了一套可用配色。活动海报需要突出标题，网页还要让正文、链接和按钮容易辨认。先为颜色分工：一项主色、一组文字与背景的中性色，少量用于提醒或强调的颜色，然后再去调色板里找组合。

从一个主色开始，不急着填满色卡

Adobe Color色轮入口提供基于主色与配色关系建立调色板的路线，也可从获准使用的图片提取颜色。练习时可选一本书封面的主色，尝试单色、类似色或互补关系，再调整各色的明暗与饱和程度。

给每个色块写上用途，例如“主要按钮”“正文”“页面背景”，不是只写“颜色一、颜色二”。如果每种颜色都同样鲜艳，就很难看出哪一项最重要。照片提色也只是起点，照片里出现的浅色未必适合放小字，仍需在实际版面上检验。

文字和背景成对检查

Adobe官方对比检查工具用前景与背景的对比帮助检查文字可读性。将准备使用的两种颜色放进检查流程，再用真实字号和内容预览。不要只检查主标题，说明文字、链接、按钮文字和悬停状态都应各自看一遍。

W3C对比度最低要求说明中，普通文字的最低对比度为4.5:1，大号文字为3:1，并有具体适用条件与例外。不能只因为颜色组合“通过了一项检测”，就声称整个页面已经满足全部无障碍要求。正文过细、字号过小或背景图片复杂，仍会影响阅读。

状态不要只靠红绿区分

把“成功、等待、失败”等状态同时写成文字，必要时增加图形标识。将页面缩小到真实使用尺寸，再看重点是否仍然明确。灰度预览可以帮助发现只靠色相区分的信息，但它也不能替代不同读者的真实体验。

若按钮与背景太接近，优先调整明暗、边界或文字，不必为了保留整套色卡而牺牲可辨认性。试改一处后，回看其他使用相同颜色的地方，避免修好了按钮却让正文变浅。

记录色值和用途，交付后再试一次

保存调色板时，把每种颜色的HEX或其他实际使用值与用途对应起来，附浅底、深底各一张样例。工具保存到资料库等操作是否需要登录，以当前界面为准；即使不使用云端收藏，也应在项目说明中保留色值，不让协作者只凭截图取色。

屏幕亮度、设备和打印流程可能改变观感。印刷项目应按制作方要求确认颜色模式并看实际样张，不保证屏幕上的色块与纸面完全一致。本文核对官方页面于2026-10-29，未代用户生成或测试成品；版面起步可看模板设计路线。