$ tools/image-color-picker

图像颜色拾取器

拖入任意图像并选择精确颜色 — hex、RGB、HSL 和 CMYK。或自动提取主色调板。点击复制,浏览器中运行。

将图片拖到这里
PNG、JPG、WebP 或 GIF — 或从剪贴板粘贴(⌘/Ctrl+V)
100% 本地 · 不上传任何内容
#000000
在图片上移动…

$ 自动调色板

颜色
加载图片,然后提取其主导颜色。

# 选取的颜色

点击图片上的任何位置选取颜色。
HEXcopy
RGBcopy
HSLcopy
CMYKcopy

$ 已保存的调色板

选取的颜色在这里聚集。点击色块复制其 HEX。

$ 如何从图片中选取颜色

  1. 将图片拖到上面的框中,选择一个文件,或直接从剪贴板粘贴。一切都在你的浏览器中本地发生 — 图片从不上传到任何地方。
  2. 将光标移到图片上。放大镜显示像素级缩放和实时 HEX 代码,让你能精确落到你想要的位置。
  3. 点击选取。颜色作为 Hex、RGB、HSL 和 CMYK 出现在右侧。点击任何值即刻复制。
  4. 继续点击以构建调色板。保存的颜色在下面聚集 — 一次性全部复制,或一键获取单个 HEX。

为什么直接从图片中提取颜色?

当你设计应用的商店列表、Feature Graphic 或图标时,你的截图已经带有色彩故事。采样真实像素 — 你的品牌蓝、UI 中的强调色、确切的背景色调 — 让一切保持一致,而不是凭眼睛猜测。让你截图的标题、背景和框架与你产品中真正存在的颜色相匹配。

Hex、RGB、HSL 还是 CMYK — 我用哪个?

Hex 和 RGB 用于屏幕:应用 UI、商店资产、网站。HSL 对调整最友好 — 不用猜就能微调亮度或饱和度。CMYK 只在某物要印刷时才重要,比如物理推广卡。这个工具为每个像素提供所有四种,所以你不必手动转换。

$ FAQ

我的图片会上传到服务器吗?

不会。取色器使用画布在你的浏览器中直接读取像素。你的图片从不离开你的设备,这也让它快速且私密。

什么图片格式有效?

你的浏览器能渲染的任何东西 — PNG、JPG、WebP、GIF、BMP 等。你也可以用 ⌘/Ctrl+V 从剪贴板粘贴图片。

我可以选取多个颜色吗?

可以。每次点击都将颜色添加到下方的保存调色板。你可以一次复制整个 HEX 代码列表,这对将调色板放入你的设计文件很方便。

选取的颜色有多准确?

它读取你光标下的确切像素,所以是像素完美。放大镜帮你落到精确位置,特别是在繁忙或细节的图片上。

在移动设备上工作吗?

是的。点击图片而不是悬停来选取颜色。选取的值和调色板表现相同。

深入探索颜色

选取了你喜欢的颜色?在我们的颜色页面上深挖它的色调、阴影、和谐、对比度和含义。

喜欢 LaunchShots 吗?
永久免费 — 如果帮你省了时间,可以请我喝杯咖啡。
支持 →
已复制 ✓