从图片中提取颜色

从本地图片中精确提取像素颜色，并以常用颜色格式显示。在浏览器中创建、比较、复制和导出调色板。

选择图片

选择本地图片文件，将图片拖放到此处，或从剪贴板粘贴图片。

将图片拖放到这里 支持 PNG、JPEG、WebP、GIF、BMP 或 AVIF，最大 25 MB、2400 万像素。

提取颜色

点击或轻触图片以选择像素。选中后，可使用方向键移动一个原图像素，或按住 Shift 并按方向键移动十个像素。

请选择、拖放或粘贴图片以开始。

图片主色

从有限数量的可见图片像素样本中提取精简调色板。

尚未从图片中提取调色板。

已保存的调色板

查看当前图片或加载其他图片时，已保存的颜色会继续保留。

保存已选、已提取或相关颜色以创建调色板。

工具功能

图片取色器可以读取本地选择、拖放到页面或从剪贴板粘贴的光栅图片中单个原图像素的 RGBA 数值。

工具以 HEX、RGB、HSL、HSV、HWB 和 CMYK 显示已选颜色，并可创建已保存、主色、相关色和配色调色板。

使用方法

  1. 选择、拖放或粘贴不超过 25 MB 和 2400 万像素的 PNG、JPEG、WebP、GIF、BMP 或 AVIF 图片。
  2. 点击或轻触图片中的一点，需要精确选择原图像素时，可使用放大镜或方向键。
  3. 查看并复制各种颜色格式和透明度，或将颜色保存到调色板。
  4. 根据需要提取主色、生成相关颜色、比较两种颜色，或复制和导出保存的调色板。

实际用途

  • 在没有原始色值时，从标志中读取品牌颜色。
  • 从截图中提取界面颜色并比较两个相近的数值。
  • 从照片、插画、商品图片或渐变细节中收集颜色。
  • 为设计说明、CSS 变量或其他文档准备可重复使用的颜色值列表。

注意事项与限制

  • 图片解码、像素分析和调色板生成均在浏览器中完成。图片本身不会保存在浏览器存储中；只有已保存调色板的颜色值会存储在那里。
  • 输入文件上限为 25 MB，解码后的图片上限为 2400 万像素。格式支持还取决于浏览器能否解码该图片。
  • 最接近的颜色名称、主色调色板和 CMYK 转换均为计算得到的近似值；CMYK 数值不使用打印机或 ICC 配置文件。需要精确像素值时，请使用解码后的 RGBA 数值。
  • 对比度和 Delta E 将 RGB 分量视为不透明，透明度则单独显示。半透明颜色的实际显示效果取决于背景。

常见问题

我的图片会被上传或保存吗？

不会。此工具在浏览器中处理所选图片，并且只通过浏览器存储保存调色板中的 RGBA 数值。

如何选择图片中非常小的细节？

先选择附近的一点，然后点击像素放大镜中的单元格，或使用方向键移动选区。按住 Shift 并按方向键可一次移动十个原图像素。

工具会保留透明度吗？

会。已选像素包含透明度，完全重复检测会比较完整的 RGBA 数值。

主色是否精确统计了图片中的每个像素？

不是。主色调色板汇总有限数量的可见像素样本，因此它是提取出的概览，而不是每个不同像素值的完整列表。

加载其他图片时可以保留颜色吗？

可以。保持“保留调色板”选项启用，或将其关闭，以便在加载下一张图片时从空调色板开始。

颜色中的更多工具

查看颜色中的所有工具