配色入门：新手完整教学

60-30-10 比例、三种安全配法、对比度检查，一篇建立配色手感；搭配色票产生器直接抽色。

搭配工具使用：色票产生器

60-30-10：先有比例再选色

新手配色失败，九成是比例问题不是颜色问题。记住 60-30-10：主色六成（背景、大面积）、辅色三成（区块、卡片）、点缀色一成（按钮、重点标示）。

顺序是先决定主色（决定整体感觉：蓝＝专业、绿＝自然、暖色＝活力），再找辅色，最后才挑点缀色。用色票产生器抽出一组 5 色，直接按 3-1-1 分配就是一组能用的配色。

第一种单色系：同一个色相、只变明度深浅，怎么配都不会错，适合报表和正式文件。第二种邻近色：色环上相邻的两三色（如蓝＋绿），柔和耐看，适合博客和简报。

第三种互补点缀：大面积用安全的中性色，只把对比色用在按钮和重点（如白底＋橘色按钮）。记住：对比色是调味料不是主菜，用量一超过一成就刺眼。

内文与背景对比至少 4.5:1，大标题至少 3:1，这是无障碍（WCAG）的硬门槛。最常见的错误是浅灰字放白底——设计稿上好看，手机在户外直接隐形。

深色模式不是把颜色反相就好：背景压深、文字调浅之后，对比一样要重验一次；链接色和按钮色在深底上通常要再调亮一阶。

大自然是最强配色老师：海边（蓝＋沙＋白）、森林（深绿＋苔＋米）、夕阳（橘＋紫＋深蓝）都是现成的 60-30-10。电影海报和优秀 App 的截图也是好教材。

看到喜欢的设计，先问三句：主色辅色点缀各是什么？比例大概几比几？文字对比够吗？练十次之后，你就有自己的配色直觉了。

完全没美感怎么办？

用公式代替美感：单色系＋60-30-10＋对比 4.5:1，三条同时做到就是 70 分的配色。剩下的 30 分才是天份，日常使用不需要。

公司已经有主色怎么配？

主色当 60％直接沿用，用色票产生器以主色为基底抽辅色和点缀色；Logo 颜色通常只适合当点缀，不要拿来当背景色。

深色模式怎么配？

背景用深灰而非纯黑（纯黑对比太烈），文字用浅灰而非纯白；品牌色在深底上调亮一阶再验一次对比，通过才算数。

颜色太多怎么办？

先砍到三色：一个主色、一个辅色、一个点缀，外加黑白灰。页面看起来杂，凶手永远是第四色以后，把它们全部换成灰阶立刻干净。