你的配色
随机生成的配色
如何生成配色
先生成一组新配色
为品牌、网页、演示文稿或插画寻找新方向时,可以先生成一组五色组合。
也可以上传图片取色
上传 JPG、PNG 或 WebP 文件,提取最多五种主色。整个分析过程都在浏览器本地完成。
复制需要的色值
点击单个色块可复制 HEX 色值,也可以一次复制整组配色;RGB 和 HSL 色值会同时显示,方便用于其他设计工具。
让配色在实际设计中也好用
实用的配色需要让每种颜色承担明确作用。请在真实页面或作品中检查文字、背景和按钮组合,而不只看色块。
为每种颜色分配用途
确定一个主色、一个辅助色和一个强调色,其余颜色可用于背景、边框或细节,避免所有颜色同时抢夺注意力。
检查文字对比度
看起来协调的颜色不一定容易阅读。发布前,请在真实背景上检查重要文字和按钮是否清晰。
选择合适的参考图片
选择能代表目标氛围的图片。画面中的大面积背景会比很小的细节更明显地影响提取结果。
配色生成器常见问题
点击“生成新配色”即可得到一组五色组合。找到合适方向后,点击单个色块复制 HEX 色值,或一次复制整组配色。







































