取色/调色板

取色器(图片取色、提取图片配色)是从图片中提取主色调、生成配色方案的工具。上传图片即可在浏览器本地分析出占比最高的几种颜色,给出十六进制颜色代码,点击即可复制,方便从照片、logo、网页截图取色做设计配色参考。图片不上传。

拖拽图片到此处,点击选择
取色在本地完成 · 图片不上传 · 单张 ≤ 30MB
提取颜色数量 6

如何使用取色/调色板

1

选择或拖入一张图片。

2

设置要提取的颜色数量。

3

查看主色调,点击色块复制十六进制色值。

关于取色/调色板的常见问题

取色/调色板在线处理会上传原图吗?
不会。取色在浏览器本地完成,图片不上传服务器。
怎么提取图片里的颜色代码?
拖入图片后,工具会列出主色调及其十六进制代码(如 #3a7bd5),点击色块即可复制,可直接用于设计软件或前端代码。
能取到 RGB 值吗?
工具给出标准十六进制色值,十六进制与 RGB 一一对应(如 #3a7bd5 即 rgb(58,123,213)),复制后可直接换算或在设计工具中粘贴。
提取的颜色是怎么算的?
工具把图片缩小后按颜色量化分桶,统计占比最高的若干种颜色作为主色调。
能从 logo 或网页截图取色吗?
可以。任意图片都能提取主色调,常用于从 logo、海报、网页截图里扒配色做参考。
能提取多少种颜色?
可自定义数量,默认 6 种,适合做配色板参考。
怎么从图片、Logo 或截图中提取 HEX 颜色代码?
上传图片后,工具会生成主要颜色调色板;点击色块即可复制 #RRGGBB 格式的 HEX 代码。需要某个细节的精确颜色时,应放大图片并使用单点取色,而主色提取更适合寻找整体配色。
怎么根据照片生成一套网页或海报配色?
先提取 5~6 个占比较高的颜色,再从中选一个主色、一个强调色和较浅的背景色。主色板反映的是图片整体分布,实际排版还应检查文字与背景的明暗对比。