从任何图像中提取精确的颜色
上传照片或屏幕截图，将鼠标悬停在任何像素上，并获取 HEX、RGB 和 HSL 格式的颜色。从单个图像构建五色调色板以启动您的下一个设计项目 - 。
免费使用此工具Browser tool
Color picker from image
Upload an image, click any pixel, and copy sampled HEX or RGB colors. The image stays in your browser.
如何使用
上传图片
将任何 JPEG、PNG 或 WebP 文件拖放到颜色选择器中。屏幕截图、照片和设计模型都可以。
选择一种颜色
将光标移到图像上。放大镜显示指针下方区域的放大视图。单击以锁定颜色。
复制或保存值
单击 HEX、RGB 或 HSL 代码将其复制到剪贴板。重复构建集合，或使用自动生成的主调色板。
特征
像素级吸管
将鼠标悬停在图像上并单击任何像素以捕获其准确的颜色。放大的放大镜会跟随您的光标，以便您可以精确地瞄准各个像素。
多格式输出
每个选取的颜色都会同时以 HEX (#FF5733)、RGB (rgb(255, 87, 51)) 和 HSL (hsl(14, 100%, 60%)) 格式显示 - 可以粘贴到 CSS、Figma 或任何设计工具中。
自动生成的调色板
该工具分析图像并建议最主要色调的五种调色板，您可以将其复制为一组或通过选择替代色调进行调整。
复制到剪贴板
单击 HEX、RGB 或 HSL 值可立即将其复制到剪贴板。 Toast 通知会确认副本，以便您无需切换上下文即可粘贴。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance规格
| 支持的格式 | JPEG、PNG、WebP、BMP、GIF |
| 最大文件大小 | 30MB |
| 颜色格式 | 十六进制、RGB、HSL |
| 调色板尺寸 | 5 种主色（自动） |
| 放大镜倍率 | 8倍变焦 |
| 加工 | 客户端（Canvas API） |
Related Magic Eraser Tools
常见问题
我可以从屏幕截图中选择颜色吗？
+
是的。在您的设备上截取屏幕截图，上传生成的 PNG 或 JPEG 文件，然后像处理任何照片一样使用吸管。这是从网站或应用程序中采样颜色的好方法。
颜色值的准确度如何？
+
该工具从图像画布中读取准确的 sRGB 像素数据，因此 HEX、RGB 和 HSL 值精确到一个单位以内。请记住，显示器的校准可能会使屏幕上的颜色看起来与数值不同。
我可以从徽标中提取完整的品牌调色板吗？
+
绝对地。上传您的徽标，单独选择每个品牌颜色，然后复制代码。自动调色板也适用于具有不同色块的徽标。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名格式之间转换颜色。查看实时预览、复制任何值并导出色卡。
将十六进制颜色代码转换为 RGB 值，反之亦然。实时预览、一键复制和 CSS 片段输出。——可在您的浏览器中使用。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。
计算图像和视频的宽度、高度或纵横比。输入任意两个值并得到第三个值。社交媒体、电影和印刷品的预设比例。