跳到主要内容

查找下一个工具

浏览器内的私密工具

图片调色板生成器

从图片中提取实用的主色调色板,并复制 HEX、RGB、CSS 或 JSON 值。

每张图片最大 20 MiB、40 百万像素。联系表支持 2–50 张图片,总计最多 100 MiB。图标输出会把整张图片放入带透明边距的正方形中。

浏览器本地处理无需账号免费使用 原图保持不变

为什么需要这个工具

五到八个色块通常就能组成实用的调色板。

  • ✓ 3–10 种颜色
  • ✓ HEX/RGB
  • ✓ CSS 变量
  • ✓ JSON

适用场景

  • • 品牌灵感
  • • UI 设计
  • • 演示主题

把照片变成可用的调色板

调色板在帮助做出真实设计决策时最有用:选择界面颜色、演示强调色,或一小组受品牌启发的色块。

以主色作为起点

照片调色板会偏重占据最多像素的颜色。它适合作为灵感,但并不自动等于符合无障碍要求的界面调色板。

将 HEX 或 RGB 值复制到设计工具中,并在用于文字或控件之前单独检查对比度。

保持调色板精简

几种颜色比一大堆几乎相同的色块更好用。先从精简的一组开始,只在设计需要时再加入特别的强调色。

常见问题与解答

照片调色板应该包含几种颜色?

小型调色板通常更好用。六种颜色是实用的起点;如果图片有多个明显不同的区域,可以多加几种。

提取的颜色可以直接用作无障碍界面颜色吗?

不一定。在界面中使用提取的颜色之前,请单独检查文字和控件的对比度。

可以获取 HEX 值吗?

可以。调色板工具会提供适用于 CSS 和设计流程的颜色值。

为什么调色板中有些颜色看起来略有不同?

提取时会合并相近的像素颜色以减少噪点,因此显示的色块是代表色,而不是每个原始像素的记录。

继续后续流程