图片取色器
从任意图片中瞬间提取颜色。单击即可获取 HEX、RGB 和 HSL 值。完全在浏览器中运行，最大程度保护您的隐私。
- 点击取色 - 只需点击图片上的任意位置即可精确提取颜色
- 多种格式 - 即时获取 HEX、RGB 和 HSL 三种颜色格式
- 系统取色器 - 使用 EyeDropper API 从屏幕任意位置取色
- 颜色历史 - 自动保存最近 16 个选取的颜色，方便快速查看
- 100% 隐私安全 - 所有处理都在本地浏览器中完成，无需上传图片
点击或拖拽图片到此处上传
支持 JPG、PNG、GIF、WebP 等格式
使用教程
按照这些分步指南从图片中提取颜色并使用系统取色器。
从图片中提取颜色
初学者2 分钟学习如何在几秒钟内从任意图片文件中提取颜色。
- 1
上传图片
点击上传区域或拖拽图片文件到页面上。支持 JPG、PNG、GIF、WebP 等所有常见图片格式。
- 2
点击取色
将鼠标移动到图片上，点击任意像素。工具会立即提取该位置的精确颜色值。
- 3
查看颜色格式
在 HEX (#RRGGBB)、RGB (r, g, b) 和 HSL 格式中查看您选取的颜色。每种格式都显示颜色预览色块。
- 4
复制颜色代码
点击任意格式旁边的复制按钮将其复制到剪贴板。可以立即在设计工具或代码中使用。
使用系统取色器
初学者1 分钟学习如何使用内置的 EyeDropper 工具从屏幕任意位置取色。
- 1
检查浏览器支持
如果您的浏览器支持 EyeDropper API（Chrome、Edge 和部分 Chromium 浏览器），系统取色器按钮就会显示。
- 2
激活吸管工具
点击「使用系统取色器」按钮。光标会变成放大镜/吸管图标。
- 3
任意位置取色
将放大镜移动到屏幕上的任意像素（不仅限于上传的图片）并点击，即可捕获该颜色。
- 4
颜色已捕获
选取的颜色会显示在颜色面板中，包含所有格式。该颜色也会自动保存到颜色历史记录中。
管理颜色历史
中级2 分钟学习如何使用颜色历史功能来跟踪和重复使用您选取的颜色。
- 1
自动历史记录
您选取的每个颜色都会自动保存到颜色历史面板。工具最多保留最近 16 个颜色。
💡 Tip: 重复的颜色不会被保存 - 只存储唯一的颜色。
- 2
点击调回颜色
点击历史记录中的任意颜色色块即可调回该颜色。其详细信息会显示在当前颜色面板中。
- 3
从历史记录复制
您可以直接从历史颜色中复制颜色代码。只需点击色块选中它，然后使用复制按钮。
- 4
历史记录持久性
刷新页面后颜色历史会重置。如需永久保存，请将重要颜色复制到笔记或设计系统中。
"这个取色器简直是设计工作流的救星！我上传设计灵感截图后能瞬间提取精确的颜色代码。HEX、RGB、HSL 格式涵盖了我所有的需求。系统取色器太棒了，可以从其他应用取色！"
"终于找到一个不需要把图片上传到服务器的取色器了。所有操作都在本地运行意味着我可以安全地使用客户项目的截图。颜色历史功能对于比较不同色调非常有用。"
"我每天都用这个工具从照片中提取颜色来创建调色板。精确度是像素级的——我在图片上看到什么，就能得到什么。同时获得 HEX、RGB 和 HSL 格式节省了大量时间。"
"系统取色器（EyeDropper）简直是魔法！我可以从浏览器开发工具、其他网站甚至设计软件中取色。颜色预览色块帮助我在复制前确认选对了色调。"
"颜色历史功能太聪明了。当我为渐变挑选色调时，可以并排看到之前选取的所有颜色。工具会防止重复保存，保持历史记录整洁。简单但 brilliant！"
"我在创作作品配色的过程中发现了这个工具。上传我的艺术作品然后点击提取颜色非常直观。即时预览加上对比色计算帮助我验证颜色选择搭配是否协调。"
常见问题
查找关于从图片中提取颜色的常见问题的答案。