GUIDE深度 · Deep dive

从图片到配色的工作流

取色只是起点。先选 6 个主色,再筛到 3 个,检查文字对比度,最后在真实组件里试;不要直接把照片里的所有颜色都用上。

更新 2026-10-31 · 公式可核验

步骤

提取 6 色 → 选 1 主 1 辅 1 强调。

检查按钮/正文对比度。

在卡片、按钮、链接上试。

常见坑

颜色太多,页面花。

只在大屏好看,小屏文字看不清。

常见问题

需要几个颜色?

3 个主色 + 中性色通常够。

能用于品牌吗?

可以参考,但要做商标/对比度/印刷检查。

数据来源

相关计算器

图片取色器上传图片,提取 6 个主色,显示 HEX 和占比,点击复制。

更多指南

配色基础:主色、辅助色、强调色阅读指南