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

> 在线生成配色方案：按空格随机配色并锁定喜欢的颜色，支持类似色、互补、三角等和谐规则和图片取色，带对比度检查、色盲预览，可导出 CSS、Tailwind、ASE、GPL、PNG。

- 网址: https://qilingtools.com/zh/palette-generator
- 分类: 开发工具 (https://qilingtools.com/zh/dev)
- 标签: [设计配色](https://qilingtools.com/zh/tags/design), [开发](https://qilingtools.com/zh/tags/dev), [前端网页](https://qilingtools.com/zh/tags/frontend)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

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

## 使用步骤

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

## 功能特点

- 空格键随机生成，锁定颜色保持不变
- OKLCH 和谐规则：类似色、互补、分裂互补、三角、四方、单色
- k-means 图片取色并显示占比
- 逐个色块的亮度、彩度、色相微调
- WCAG 对比度矩阵与四种色盲模拟
- 自动匹配 CSS 颜色名与常用色名
- 导出 CSS、Tailwind、SCSS、JSON、GPL、ASE、PNG 色卡
- 链接分享、撤销重做与本地历史

## 常见问题

### 锁定是怎么起作用的？

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

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

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

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

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

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

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

## 相关工具

- [JSON 格式化](https://qilingtools.com/zh/json): 免费在线 JSON 格式化：一键美化、压缩，实时语法校验并定位到出错行列，支持树形视图折叠、键名排序、转义与去转义、Unicode 转中文、复制下载，数据不上传。
- [Base64 编解码](https://qilingtools.com/zh/base64): 免费在线 Base64 编码解码工具：支持中文 UTF-8、URL 安全变体，文本与 Base64 互转，实时转换，本地处理不上传。
- [URL 编解码](https://qilingtools.com/zh/url-encode): 免费在线 URL 编码解码工具：encodeURIComponent 与 encodeURI 两种模式，处理中文、空格与特殊符号，本地实时转换不上传。
- [JWT 解析](https://qilingtools.com/zh/jwt): 免费在线 JWT 解析工具：解码 JWT 的 Header 与 Payload，展示过期时间、签发时间等，本地解析不上传，保护令牌安全。
- [时间戳转换](https://qilingtools.com/zh/timestamp): 免费在线 Unix 时间戳转换工具：时间戳与日期互转，自动识别秒/毫秒，显示本地时间、UTC、ISO 8601 和相对时间，实时更新。
- [哈希计算](https://qilingtools.com/zh/hash): 免费在线哈希/摘要计算工具：对文本或文件计算 SHA-1、SHA-256、SHA-384、SHA-512，使用浏览器加密接口本地完成，文件不上传。
- [UUID 生成](https://qilingtools.com/zh/uuid): 免费在线 UUID 生成器：使用加密安全随机数批量生成符合 RFC 4122 的 UUID v4，可大写、去连字符、加花括号，一键复制。
- [进制转换](https://qilingtools.com/zh/base-convert): 免费在线进制转换工具：二进制、八进制、十进制、十六进制及任意 2–36 进制互转，支持大整数（BigInt），本地实时计算。