图片取色

把打动你的颜色,留给下一次灵感。

免费在线提取图片颜色,点击画面即可读取 HEX、RGB、HSL 色值,还能生成主色板并导出 JSON 色卡。为网页设计、插画配色或生活灵感留一份颜色记录,所有取色都在浏览器本地完成。

  • HEX / RGB / HSL 色值
  • 主色板与 JSON 色卡
  • 原始像素取色 · 本地处理

从一张图片开始

支持批量处理

把图片拖到这里

或者,从设备中选择你想处理的图片

JPG、PNG、WebP、HEIC、SVG、PDF 等
最多 50 张文件不上传支持 Ctrl / ⌘ + V 粘贴
不上传、不存储。图片处理完,隐私也完好。100% 本地
01
添加你的图片

拖拽、选择或直接粘贴

02
调整到刚刚好

设置尺寸,实时预览

03
轻松保存分享

一键导出,支持打包

陪你完成每一次小创作

小工具,大有用处。

用得顺手,也用得安心

从图片中提取颜色,让灵感有一个具体的色值

一张照片里的天空、一幅插画里的背景,都可能成为下一次创作的起点。点选喜欢的位置,复制色值,也可以把主色板一起带走。

准备网页与设计配色

读取图片中的颜色,以 HEX 或 RGB 色值用于按钮、背景和设计稿。

收集插画与摄影灵感

从喜欢的画面生成主色板,为下一幅作品记录一组可参考的颜色。

保存与交换色卡

导出包含色值信息的 JSON 文件,方便后续整理、再次使用或与同事交流。

关于图片取色,你可能还想知道

HEX、RGB 和 HSL 有什么区别?

它们是表示颜色的不同方式。HEX 常用于网页颜色代码,RGB 使用红绿蓝通道数值,HSL 使用色相、饱和度和亮度;这里会同时提供,方便按用途选择。

取到的是缩略图的颜色吗?

点选位置会映射到原始图片像素读取颜色,而不是直接读取界面缩略图上的显示颜色。这样可以减少预览缩放带来的影响。

色值复制不了怎么办?

部分浏览器环境会限制剪贴板权限。工具会尝试兼容复制;如果仍不可用,可以直接选中界面里的色值手动复制,也可以导出 JSON 色卡。