颜色搭配工具
在线免费颜色搭配工具，生成配色方案，提供常用配色模板，支持随机配色生成
1 次浏览最后更新: 2026/5/13
清新自然
适合自然、环保、健康主题
#4CAF5040%
#8BC34A30%
#CDDC3920%
白色
#FFFFFF10%#4CAF50
RGB(76, 175, 80)
绿色
#8BC34A
RGB(139, 195, 74)
浅绿
#CDDC39
RGB(205, 220, 57)
黄绿
#FFFFFF
RGB(255, 255, 255)
白色
配色比例预览
40%30%20%10%
配色使用建议
- • 主色（40-50%）：用于主要元素、标题、重点内容
- • 辅色（25-30%）：用于次要元素、按钮、链接
- • 点缀色（15-20%）：用于图标、装饰、提醒
- • 背景色（10%）：用于背景、卡片、分隔线
关联介绍
什么是色轮
色轮是颜色的环形排列：红→橙→黄→绿→青→蓝→紫→粉→红。色轮上相对的颜色是互补色，搭配强烈对比；相邻颜色是类似色，协调柔和；三等分位置是分裂互补色。
什么是配色方案
配色方案：单色（同一色相不同饱和度/亮度）、类似色（相邻颜色）、互补色（对面颜色）、分裂互补（互补色两侧）、三色组（均分色轮）。设计师常用工具生成协调配色。