设计工具

配色生成器

随机生成一组协调的颜色,或从图片中提取主要色彩。找到合适配色后,可复制 HEX 色值;RGB 和 HSL 会保持显示。图片始终保留在你的设备上。

你的配色

随机生成的配色

如何生成配色

  1. 先生成一组新配色

    为品牌、网页、演示文稿或插画寻找新方向时,可以先生成一组五色组合。

  2. 也可以上传图片取色

    上传 JPG、PNG 或 WebP 文件,提取最多五种主色。整个分析过程都在浏览器本地完成。

  3. 复制需要的色值

    点击单个色块可复制 HEX 色值,也可以一次复制整组配色;RGB 和 HSL 色值会同时显示,方便用于其他设计工具。

让配色在实际设计中也好用

实用的配色需要让每种颜色承担明确作用。请在真实页面或作品中检查文字、背景和按钮组合,而不只看色块。

为每种颜色分配用途

确定一个主色、一个辅助色和一个强调色,其余颜色可用于背景、边框或细节,避免所有颜色同时抢夺注意力。

检查文字对比度

看起来协调的颜色不一定容易阅读。发布前,请在真实背景上检查重要文字和按钮是否清晰。

选择合适的参考图片

选择能代表目标氛围的图片。画面中的大面积背景会比很小的细节更明显地影响提取结果。

配色生成器常见问题

点击“生成新配色”即可得到一组五色组合。找到合适方向后,点击单个色块复制 HEX 色值,或一次复制整组配色。