色彩是页面最先被感知的语言。尧图把十年配色经验拆成理论、暖色、冷色三条线，每组都附实战色板与可复制的 CSS 代码，让配色不再凭感觉。
从色彩理论到品牌主色选定，每组色板都标注了真实 hex 与适用场景，点击进入对应详解。
PALETTE 01
从色相、饱和度、明度三要素出发，理解色轮与互补、类似、三角等四种经典配色方案。
进入详解 →PALETTE 02
红橙黄传递温度与食欲，适合餐饮、活动、节日类页面，搭配中性色才不灼眼。
进入详解 →PALETTE 03
蓝绿青传递信任与专业，适合科技、金融、医疗类页面，与奶白搭配更显温柔。
进入详解 →PALETTE 04
色轮对角的两个色相，对比强烈、视觉冲击力强，适合强调一个核心 CTA。
查看理论 →PALETTE 05
色轮相邻三色，过渡自然、气质统一，是新手最不容易翻车的配色方案。
查看理论 →PALETTE 06
黑灰白与奶白，做主色或留白底，让亮色更突出，是高级感页面的底盘。
查看理论 →PALETTE 07
从行业属性出发，选定一个能反复使用的主色，再派生辅色与点缀色体系。
查看理论 →决定一个配色好不好看，比例比选色更重要。60% 主背景、30% 次要色、10% 强调色，让画面有主有次。
大面积低饱和度的背景让眼睛放松，30% 的品牌色建立识别，10% 的高对比强调色把用户引向按钮、价格、提醒。比例一旦失衡，画面要么花、要么平。
新手最常犯的错是每种颜色都用一样多。先用 60-30-10 把比例钉死，再去微调色相，配色的成功率会高很多。
这条法则不是教条，它的本质是"主色占大头、强调色少而精"——只要守住这个原则，三色、四色甚至五色搭配都不会乱。
