—— 拒绝 “凭感觉搭配”，而是用可量化的数值、固定的比例、明确的焦点逻辑，让对比既抓眼又不刺眼，终服务于 “转化” 目标。以下是一套直接落地的实操指南，覆盖从前期准备到后期校验的全流程，含具体参数、工具、案例和避坑技巧：
提取品牌主色（如星巴克绿 #006241、京东红 #E1251B），对比色需从品牌辅助色中选择，或与主色形成逻辑关联（如主色红→辅助色黄，互补色对比）；
高端品牌避免高饱和对比（如红 + 绿），大众品牌避免低对比无焦点（如浅灰 + 浅蓝）。
手机端（抖音 / 小红书）：对比强度稍强（≥6:1），避免细弱对比（如灰色文字 + 浅灰背景）；
户外广告（公交 / 地铁）：对比强度极强（≥8:1），用高饱和色，确保远距离可识别；
印刷品（海报 / 传单）：对比强度中等（5:1-6:1），避免高饱和色印刷后刺眼，优先选 CMYK 模式下兼容的对比色。
所有广告设计都遵循 “主色 + 辅助色 + 中性色” 的比例，对比仅在 “辅助色” 与 “主色” 之间产生，中性色负责过渡：
辅助色（20%）：核心信息、行动按钮、焦点元素（做对比，如促销广告的黄色价格）；
中性色（10%）：文字、边框、留白（平衡视觉，如白色文字、灰色边框）。
电商促销海报：主色（红色 #E1251B，70%）+ 辅助色（黄色 #FFC107，20%）+ 中性色（白色 #FFFFFF，10%）；
高端品牌海报：主色（米白 #F5F5F5，70%）+ 辅助色（深灰 #333333，20%）+ 中性色（浅灰 #EEEEEE，10%）。
用取色工具（如 Figma 取色器）获取背景色和文字色的明度值（0-255）；
计算对比度 =（明度高的颜色 + 0.05）÷（明度低的颜色 + 0.05），结果≥7 则合格；
示例：黑色文字（明度 0）+ 白色背景（明度 255）→ （255+0.05）÷（0+0.05）≈5100:1（合格）；深灰文字（明度 50）+ 浅灰背景（明度 200）→ （200+0.05）÷（50+0.05）≈4:1（不合格，需加深文字或变浅背景）。
从色环中选择主色的互补色（如主色蓝 #2A5CAA，互补色橙 #FF7A00）；
将其中一种颜色的饱和度降低 10%-20%（如橙 #FF7A00→#FF9547，饱和度降低 15%）；
核心参数：主色占比 70%（冷 / 暖），对比色占比 30%（暖 / 冷），避免 5:5 平衡（情绪混乱）；
科技 / 医疗类：主色（冷色蓝 #2A5CAA，70%）+ 对比色（暖色橙 #FF9547，30%）；
餐饮 / 母婴类：主色（暖色橙 #FF7A00，70%）+ 对比色（冷色蓝 #2A5CAA，30%）。
焦点元素（如口红产品图）用高饱和色（如红 #E1251B，纯度 80%）；
广告的核心是 “引导行动”，所有对比都要围绕 “行动按钮、价格、核心卖点” 展开：
公式：高饱和辅助色 + 与背景明暗对比≥7:1 + 圆角 + 轻微阴影；
背景（浅灰 #F5F5F5）→ 按钮色（红 #E1251B，高饱和）+ 白色文字（#FFFFFF）；
box-shadow: 0 4px 8px rgba(225,37,27,0.2)
公式：互补色 / 高饱和色 + 比正文大 30% 字号 + 粗字重（700-900）；
正文色（深灰 #666666）→ 价格色（黄 #FFC107，主色红的互补色）；
主色（蓝 #2A5CAA）→ 卖点标签背景（浅蓝 #E8F0FE）+ 文字色（蓝 #2A5CAA）；
核心信息：黄 #FFC107（20%）“9.9 元秒杀”（字号 24px，粗黑）；
按钮：白 #FFFFFF（文字）+ 蓝 #2A5CAA（背景，10%），圆角 8px；
主标题：白 #FFFFFF（20%）“5 折狂欢”（字号 60pt，粗黑）；
辅助信息：黑 #333333（10%）“6 月 18 日 - 6 月 20 日”（字号 24pt）；
用 CMYK 模式调色（RGB 转 CMYK 后，对比度可能下降，需重新调整）；
产品图：口红红 #E1251B（20%，CMYK：10,90,80,0）；
按钮用高饱和色（如蓝 #2A5CAA、绿 #4CAF50），避免灰色按钮；
避免白色强光（如纯白 #FFFFFF 文字，可改为米白 #F5F5F5，降低刺眼感）；
标题：米白 #F5F5F5（20%）“新用户专享”（字号 18px）；
box-shadow: 0 4px 8px rgba(42,92,170,0.3)
在线工具：WebAIM Contrast Checker（输入色值，自动计算对比度，判断是否达标）；
设计软件插件：Figma 的 “Contrast” 插件、PS 的 “亮度对比度分析” 工具；
手机端：用 “色彩识别” App 提取屏幕色值，再用在线工具计算对比度。
互补色 / 冷暖色推荐：Coolors（输入主色，自动生成互补色、邻近色组合）；
品牌色适配：Canva 可画（上传品牌 Logo，自动提取主色，推荐对比色方案）；
低饱和色生成：Nippon Colors（日式低饱和色卡，适合高端品牌对比）。
在线调色：HTML Color Codes（输入色值，调整饱和度、明度，实时预览）；
设计软件：Figma/PS 的 “HSL 调色面板”（H = 色相，S = 饱和度，L = 明度），按 “实操参数” 精准调整（如 S 降低 15%）。
焦点检查：是否只有 1 个核心焦点（按钮 / 价格 / 卖点）？对比是否强？
比例检查：主色 70%+ 辅助色 20%+ 中性色 10%？无多组对比叠加？
场景检查：对比强度是否适配传播场景？（如手机端≥6:1，户外≥8:1）
问题：红底 + 绿字满版海报（互补色比例 5:5，对比度达标但比例失衡）；
修正：红底（70%）+ 绿字（10%）+ 白色留白（20%），降低绿色饱和度 15%。
选色：主色（橙 #FF7A00，餐饮暖色调，70%）+ 互补色（蓝 #2A5CAA，20%）+ 中性色（白 #FFFFFF，10%）；
调整参数：蓝 #2A5CAA 饱和度降低 10%→#3A6FBF，避免刺眼；
价格：蓝 #3A6FBF（20%），字号 28px，粗黑，留白 16px；
排版：背景橙（70%）+ 产品图（白色边框，中性色）+ 价格 + 按钮，边缘留白 24px；
校验：对比度（蓝按钮 + 白文字 = 10:1≥7:1），比例 7:2:1，焦点突出，适配手机端。
焦点聚焦：所有对比都为 “行动按钮、价格、核心卖点” 服务，让用户一眼看到、一键行动。
按这套技巧，无论是新手还是资深设计师，都能快速做出 “抓眼又转化” 的广告色彩设计。
