锁定是怎么起作用的？

点色块上的锁图标后，这个颜色在之后的每次生成中都保持不变。生成时以第一个锁定的颜色为锚点，按所选和谐规则计算其他位置的色相，再错开亮度、调整彩度，所以新颜色会与锁定色协调。没有锁定任何颜色时，锚点随机选取。

为什么用 OKLCH 而不是 HSL 计算配色？

HSL 的“亮度”和人眼感受差距很大：同样 50% 亮度的黄色和蓝色看起来一亮一暗。OKLCH 是感知均匀的色彩空间，同样的亮度数值看起来就差不多亮，按色相旋转得到的互补色、三角色也更平衡。超出 sRGB 范围的颜色会保持色相、降低彩度后再输出。

导出的 .ase 文件能在哪些软件里用？

.ase（Adobe Swatch Exchange）可以导入 Photoshop、Illustrator、InDesign 的色板面板，Affinity 系列和很多其他设计软件也支持。.gpl 是 GIMP、Inkscape、Krita 使用的调色板格式。颜色都以 RGB 写入，名称取自最接近的颜色名。

图片和配色会上传到服务器吗？

不会。图片在浏览器里缩小后读取像素做 k-means 聚类，所有计算都在本地完成。当前配色只写在地址栏的 # 后面，历史记录保存在本机浏览器的 localStorage 中，可以随时清空。

🍭

🍭配色方案生成器 - 空格键随机配色、和谐规则、图片取色

做网页、海报、App 或品牌视觉时，找一组好看又协调的颜色往往最花时间。这个配色生成器的用法和 Coolors 类似：按空格键随机生成一组颜色，看到喜欢的就点锁，再按空格时锁定的颜色保持不变，其余颜色围绕它重新搭配。配色在 OKLCH 色彩空间里计算，可以选类似色、互补色、分裂互补、三角、四方、单色等和谐规则，也可以让它随机挑规则；生成时会错开亮度、控制彩度，并保证颜色之间有足够的区分度。上传一张照片或插画，可用 k-means 聚类提取主色，并显示各颜色在图中的占比。每个色块都能左右移动、删除，或者用亮度、彩度、色相三个滑块微调，也能直接输入 HEX。下方的对比度矩阵按 WCAG 2.x 计算任意两色作为文字与背景时的对比度，告诉你哪些组合能用于正文；色盲预览模拟红色盲、绿色盲、蓝色盲和全色盲下的效果。每个颜色会自动匹配最接近的 CSS 颜色名或常用色名。结果可导出为 CSS 变量、Tailwind v3/v4 配置、SCSS、JSON、GIMP .gpl、Adobe .ase 色板文件和 PNG 色卡，地址栏会实时记录当前配色，复制链接即可分享；最近 40 个配色保存在本机浏览器的历史记录里，支持撤销和重做。

免费 · 无需注册 · 浏览器本地处理最后更新：2026-10-26

正在加载工具...

如何使用配色方案生成器

1选择配色规则，按空格键或点“生成”得到一组配色，点锁图标锁定喜欢的颜色后继续按空格
2需要时上传图片取色，或点色块上的齿轮用 L/C/H 滑块微调，并查看对比度矩阵和色盲预览
3选择导出格式复制代码，或下载 .ase、.gpl、PNG 色卡，也可以复制分享链接

常见问题

锁定是怎么起作用的？: 点色块上的锁图标后，这个颜色在之后的每次生成中都保持不变。生成时以第一个锁定的颜色为锚点，按所选和谐规则计算其他位置的色相，再错开亮度、调整彩度，所以新颜色会与锁定色协调。没有锁定任何颜色时，锚点随机选取。
为什么用 OKLCH 而不是 HSL 计算配色？: HSL 的“亮度”和人眼感受差距很大：同样 50% 亮度的黄色和蓝色看起来一亮一暗。OKLCH 是感知均匀的色彩空间，同样的亮度数值看起来就差不多亮，按色相旋转得到的互补色、三角色也更平衡。超出 sRGB 范围的颜色会保持色相、降低彩度后再输出。
导出的 .ase 文件能在哪些软件里用？: .ase（Adobe Swatch Exchange）可以导入 Photoshop、Illustrator、InDesign 的色板面板，Affinity 系列和很多其他设计软件也支持。.gpl 是 GIMP、Inkscape、Krita 使用的调色板格式。颜色都以 RGB 写入，名称取自最接近的颜色名。
图片和配色会上传到服务器吗？: 不会。图片在浏览器里缩小后读取像素做 k-means 聚类，所有计算都在本地完成。当前配色只写在地址栏的 # 后面，历史记录保存在本机浏览器的 localStorage 中，可以随时清空。