ToolConvoyToolConvoyv2.6
IMAGE

图片颜色拾取器 — 从任意图片中提取颜色

从任意图片中提取颜色。获取 HEX、RGB、HSL。构建配色方案。

● 本地运行 · EXIF 永不上传页面加载以来工具发出的网络请求：0 次

Drop your image here

Click anywhere on the image to pick a color

打开拾色器

从图片中提取颜色是设计和开发中最常见的任务之一。无论你要从一张主图构建品牌配色、为 CSS 采样渐变，还是单纯好奇你看到的某种确切色调，本工具都能给出任意像素的 HEX、RGB 和 HSL 值 —— 无需上传、无需账号、无任何限制。

广告

使用方法

  1. 拖入你的图片

    把 PNG、JPG 或 WebP 文件拖入拖放区。图片在本地读取，从不上传到任何设备外。

  2. 点击提取颜色

    点击图片预览上的任意一点。该像素的颜色立即被捕获，并显示为 HEX、RGB 和 HSL 值。

  3. 构建配色

    继续点击以添加更多颜色。在预览下方查看你的配色，移除不需要的色样，或把完整配色导出为 JSON。

常见问题

我的图片会上传到哪里吗？

不会。所有处理都在你的浏览器中通过 HTML5 Canvas API 完成。图片从不传送到任何服务器。

支持哪些颜色格式？

每次提取返回三种格式：HEX（例如 #3B82F6）、RGB（例如 59, 130, 246）和 HSL（例如 217°, 91%, 60%）。

可以单独复制某个颜色值吗？

可以。当前选区在 HEX 值旁边显示一个复制按钮。点击它即可将该颜色复制到剪贴板。

「导出 JSON」是做什么的？

它把整个配色作为 JSON 数组复制到剪贴板 —— 每条记录包含 hex、rgb 和 hsl 三个键。可以粘贴到任何编辑器或设计工具中。

拾色的精度如何？

它通过 CanvasRenderingContext2D.getImageData() 读取源图像的精确像素值。没有插值或近似。

限制说明

  • 无缩放或平移图片预览缩放至适应可用宽度。没有缩放控件；要从细小细节中提取颜色，你可能需要使用更大的源图像。
  • 仅限像素级精度颜色仅从一个精确像素采样。没有区域平均或范围采样模式。
  • 不导出为色板文件只能作为 JSON 导出到剪贴板。v1 不支持 ASE、ACO 或 GPL 色板文件。

平台说明

macOS
当然能用。一个数字色度计。
Windows
在 Edge、Chrome 和 Firefox 中均可使用。不上传，不臃肿 —— 只需拖入并提取。
Linux
命令行替代方案：ImageMagick 的 `convert input.png -crop 1x1+<x>+<y> txt:-` 可提取单个像素，但开箱即用并不提供 HSL。
Web
完全在客户端运行。文件永远不会被上传。在任何现代浏览器中打开，立即开始提取颜色。
广告
广告