一、个人基础配色方案

单色系搭配

主色：3498db（蓝色）

辅助色：2ecc71（绿色）

背景色：f0f2f5（浅灰）

双色系搭配

主色：e74c3c（红色）

辅助色：27ae60（绿色）

背景色：ffffff（白色）

二、推荐进阶配色组合

三色系搭配

基础色：34495e（蓝色）、表电2ecc71（绿色）、脑网f1c40f（橙色）

背景色：e0e0e0（浅灰）

对比色搭配

主色：ff5722（番茄红）

辅助色：333333（黑色）

背景色：ffffff（白色）

三、站配色彩搭配原则

色彩心理学

红色：激发行动力，色推适合按钮/警告提示

蓝色：传递信任感，荐表适合导航栏/专业领域

绿色：象征自然与安全，模板适合按钮/链接

对比与调和

高对比：主色007bff与背景ffffff

低对比：浅灰背景搭配深色文字333333

四、个人应用场景参考

商务网站：

主色009688，推荐辅助色e6e6ea，表电背景ffffff

电商网站：主色ff6600，脑网辅助色333333，站配背景f2f2f2

个人博客：主色3498db，色推辅助色27ae60，荐表背景f9f9f9

五、工具与资源

在线配色工具：[Coolors](https://coolors.co/)、[Canva](https://www.canva.com/)、[Paletton](https://paletton.com/)

代码参考：RGB（255,0,0）= FF0000，十六进制3498db等

建议根据网站定位和目标用户选择配色方案，并通过A/B测试优化视觉效果。