随机配色方案生成器

按互补色、类似色、三角色、单色等不同配色规则,生成 5 种颜色和谐搭配的配色方案,适用于网站、视觉形象或插画。所有计算都在您的浏览器中完成,不会向服务器发送任何内容。

示例:

工作原理

挑选搭配和谐的颜色是设计中最耗时的工作之一。本工具通过数学方法计算色相环上的色彩分布(对比色、相邻色或等间距分布),即时生成由五个十六进制色值组成的配色方案,可直接用于网站、演示文稿或品牌规范。

提供的几种配色类型有什么区别?

「互补色」配色将一种色相与其在色相环上的对立色搭配,对比强烈;「类似色」使用相邻色相,效果柔和统一;「三角色」和「四角色」将色相等间距分布,整体鲜明而均衡;「单色」则以同一色相的不同明度变化,呈现简洁统一的效果。

如何把这些颜色用到我的项目中?

点击某个颜色即可复制其十六进制色值,也可以使用「复制全部色值」按钮一次性复制整套配色(以逗号分隔),直接粘贴到您的 CSS 或设计工具中。

隐私有保障:色相的计算完全在本地进行,生成的颜色不会经过任何服务器。