色彩调色板生成器
免费在线调色板生成工具。自动创建和谐配色方案，推荐互补色、类似色和三色配色。浏览器处理，无需安装。
基础色
#2563EB#EBAD25lock文件不会上传到服务器
按 Ctrl+D 收藏此页面
免费在线调色板生成器，基于色彩理论创建配色方案——互补色、类似色、三角配色等。 浏览器中处理，无服务器通信。 针对UI设计、品牌和插图优化。 色彩调色板生成器在网页设计、品牌设计和UI制作中精确处理颜色时非常实用。 无需安装或登录，在电脑和手机的浏览器中即可直接使用。
如何使用色彩调色板生成器?
- 选择或输入基础颜色。
- 选择配色方案类型。
- 从生成的配色方案复制颜色代码。
色彩调色板生成器常见问题
支持哪些配色方案？
互补、类似、三角、四角、分裂互补等基于色彩理论的配色方案。
可以导出生成的调色板吗？
是的，复制每种颜色的HEX/RGB代码或下载调色板图像。
一个网页里用几种颜色比较合适？
真正显眼的颜色三到四种就够了。常说的 60-30-10 法则是把 60% 的面积交给背景色、30% 给辅助色、10% 给强调色——强调色用得越克制，按钮和链接就越突出。再加上正文用的深灰和边框用的浅灰，多数界面就完整了。颜色一旦超过五种，用户就难以判断哪个元素更重要。
已经定了一个品牌色，其余颜色该怎么挑？
以这个颜色为起点，先做一组类似色：色轮上左右各 30 度以内的色相彼此不打架，很适合用于背景和辅助元素。需要吸引注意的按钮，则从色轮对面取少量互补色，视线就会精准地落过去。如果还要考虑深色模式，请预先准备保持同一色相、降低饱和度并提高明度的变体。
如何充分利用色彩调色板生成器?
- 按 60-30-10 的比例分配，强调色只占一成，画面就不会显得杂乱。
- 先定好中性灰，比再加一个鲜艳色更能把整套配色统一起来。
- 在中文语境里红色多与喜庆相关，用作警示色时最好配上图标或文字说明。