配色生成器
一键生成五色调色板：按空格键随机换色，锁定你喜欢的颜色，切换和谐模式，并导出或分享你的配色。
按空格键随机换色，锁定你想保留的色块，其余颜色会围绕它们重新生成。一切都在你的浏览器中运行，无需注册，完全免费。
关于 配色生成器
配色生成器只需一个按键即可生成五色方案。按下空格键，或点击生成按钮，就会出现一套全新的调色板；锁定你想保留的色块后再次按键，只有未锁定的颜色会被替换，因此你可以一次调整一种颜色、逐步收敛到理想方案，而无需从头开始。
五种生成模式决定最终结果。随机模式在整个色彩空间中探索，而邻近色、互补色、三分色和单色模式则围绕一个基准色相、基于 HSL 关系构建调色板，每个色位都有各自的饱和度和明度范围，因此输出看起来像是精心设计的方案，而不是五种互不相关的颜色。
每个色块都有取色器可供微调，还有点击即可复制的 HEX 值。调色板被编码在页面网址中，因此分享按钮复制的链接可以重新打开完全相同的颜色，而导出面板可生成 CSS 变量、SCSS、Tailwind 配置、JSON、SVG 色块表或纯 HEX 列表。一切都在你的浏览器中运行：不上传任何内容，也不收取任何费用。
如何使用 配色生成器
- 按空格键或点击“生成调色板”以创建一套五色方案。
- 点击你想保留的任意色块上的锁定图标，然后再次生成，只替换其余颜色。
- 选择一种生成模式，随机、邻近色、互补色、三分色或单色，来引导配色和谐度。
- 用取色器微调任意颜色，点击 HEX 值即可复制。
- 使用“复制分享链接”将调色板保存在网址中，或打开导出以获取 CSS、SCSS、Tailwind、JSON 或 SVG。
常见问题
在页面任意位置按空格键，或点击“生成调色板”按钮。每次按键都会替换所有未锁定的色块，因此你可以一直按下去，直到出现满意的方案。
点击你想保留的色块上的锁定图标。锁定的颜色在每次生成中都会保留，而在和谐模式下，第一个锁定的颜色会成为其余调色板围绕构建的基准色相。
随机模式在整个色彩空间中自由取色。邻近色让色相彼此接近，形成柔和的方案；互补色将一个色相与其对立色相搭配以形成对比；三分色在色环上均匀分布三个色相；单色则只改变单一色相的明度和饱和度。
可以。调色板保存在页面网址中，因此“复制分享链接”会给你一个地址，可以重新打开完全相同的颜色和锁定状态：你可以将它收藏或发送给同事。你也可以将调色板导出为文件。
CSS 自定义属性、SCSS 变量、Tailwind 颜色配置、JSON、SVG 色块表或纯 HEX 列表。每种都可以复制到剪贴板或下载为文件，你还可以设置变量名前缀。
是的，完全免费：无需账户、无需积分、没有限制。整个生成器都在你的浏览器中运行，因此任何数据都不会离开你的设备。
热门搜索
配色生成器
随机配色生成器
色彩方案生成器
在线生成调色板
颜色搭配生成器
免费调色板生成器
需要帮助？
使用此工具时遇到问题？请告诉我们的团队。