从图像中选择颜色

悬停以预览,点击以锁定颜色

上传图片

何时需要从图像中选择颜色?

设计师在没有访问原始样式指南的情况下,从徽标中匹配品牌颜色;开发人员从照片中提取主色调以生成主题;教师从艺术作品中提取颜色以进行课程。吸管读取光标下像素的确切RGB并转换为十六进制(``#RRGGBB``)和HSL。

浏览器内置的吸管(Chrome的``EyeDropper API``)仅在屏幕上工作 — 不适用于上传的文件。此工具通过将您的图像加载到画布中并允许您采样任何像素来填补这个空白。

常见用例

  • 从竞争对手网站的截图中匹配品牌颜色。
  • 从照片中提取调色板以进行平面设计项目。
  • 找到UI截图的确切背景颜色以重新创建它。
  • 从肖像中采样肤色以进行分级或化妆参考。

常见问题

为什么颜色与原始颜色略有不同?

大图在采样之前会缩放以适应(最大 800px),因此在大图上选择的值来自重新采样的预览,而不是确切的原始像素。JPEG 源由于压缩也会稍微改变颜色。

我可以从透明像素中选择吗?

可以 — 选择器显示RGBA。完全透明的像素仍然具有潜在的RGB值(通常为0,0,0或画布背景)。

选择器可以在动画GIF上工作吗?

它会采样第一帧。对于其他帧,请截屏您想要的时刻并加载该截图。

十六进制和RGB之间有什么关系?

十六进制``#RRGGBB``与RGB``(R, G, B)``的值相同,只是以16进制而不是10进制书写。``#FF0000``和``rgb(255, 0, 0)``都表示纯红色。

我的图像被上传了吗?

没有 — 图像加载到浏览器画布中并保持在那里。没有网络调用。