配色生成器

配色生成器能在几秒内生成和谐的配色方案——既可以依据成熟的色彩理论规则，也可以从任意图片中提取主色调。选一个基础色或上传一张照片，就能得到一组可直接使用的配色，并附带可一键复制到项目里的 HEX 色值。

它适合网页设计师、品牌设计者，以及任何需要为创意项目挑选颜色的人。使用色彩理论模式把一个基础色拓展为互补、类比、三角、分裂互补、四分或单色配色方案——或切换到从图片模式，从一张图片中提取 3 到 10 种主色调。

隐私至上：每组配色都在你的浏览器中生成，图片取色也不例外。你的图片和颜色选择绝不会被上传到服务器。

如何使用配色生成器

停留在色彩理论标签页，从基础色生成配色；或切换到从图片标签页，从照片中提取颜色。

在色彩理论模式下，选择一个基础色（取色器或 HEX）和一条和谐规则。在从图片模式下，拖入或点击上传 PNG、JPG、GIF 或 WebP 图片，并用滑块设置颜色数量（3–10）。

点击生成得到一组基于理论的配色方案，或点击提取颜色读取图片中的主色调。配色会立即出现，并显示每种颜色的 HEX 色值和最接近的名称。

锁定你喜欢的颜色，再随机重排其余颜色。点击任意色块即可复制其 HEX，或把整组配色导出为 CSS、SCSS、Tailwind、JSON 或 PNG。

用六条和谐规则把单个基础色拓展为一组配色：互补色、类比色、三角色、分裂互补色、四分色和单色。

上传任意图片，k-means 聚类算法会找出其中的主色调——非常适合呼应一张照片、Logo 或一件作品的色调。

锁定你喜爱的颜色，再随机重排其余颜色，在不丢失已满意搭配的前提下逐步逼近完美组合。

把配色复制为 CSS 变量、SCSS 变量、Tailwind 配置或 JSON，也可下载为带标注的 PNG 参考图。

最近 20 组配色会保存在本地，让你一键回看并重新载入之前的颜色组合。

每个色块都会显示最接近的颜色名称，让你的配色更易于沟通、记忆和分享。

从图片提取时，把滑块设在 3 到 10 种颜色之间，得到或精简或丰富的配色，悉听尊便。

点击任意色块上的复制图标，立即获取其 HEX 色值——可直接粘贴到设计工具或样式表中。

在色彩理论标签页选一个基础色，挑一条和谐规则，再点击生成。一整组配色就会出现，并附带每种颜色的 HEX 色值，随时可复制或导出。

切换到从图片标签页，然后拖入或点击上传一张图片。用滑块设置想要的颜色数量（3–10），再点击提取颜色。工具会读取图片中的主色调，并把它们转换成一组配色。

它们都是基于色轮位置的色彩和谐规则。互补色使用色轮上彼此相对（180°）的颜色，对比强烈。类比色使用相邻的颜色，观感平和、协调。三角色使用三种均匀分布（120°）的颜色，鲜明却又平衡。

这取决于你的目标：要强对比和冲击力选互补色，要平和、协调的设计选类比色，要鲜明又平衡的色彩选三角色，要优雅、统一的观感选单色。分裂互补色和四分色介于两者之间，对比更柔和或组合更丰富。

在基础色取色器中输入你的基础色（或直接输入其 HEX），挑选任意一条和谐规则，再点击生成。生成配色中的每种颜色，都是用色彩理论的算法从这一个基础色推导出来的。

每个色块都会在配色上直接显示它的 HEX 色值。点击色块上的复制图标可复制单个色值，或用导出菜单把所有颜色一次性复制为 CSS、SCSS、Tailwind 或 JSON。

不会。所有图片处理和取色都完全在你的浏览器中完成。你的图片绝不会离开设备，工作内容始终保持私密。

你可以上传 PNG、JPG、GIF 和 WebP 图片，并从其中任意一张提取 3 到 10 种颜色。

可以。你生成的颜色不受版权保护，可在任何个人或商业项目中自由使用。