将图片拖放到此处
或点击上传
Selected Color
为什么使用此工具？
设计师和开发人员的专业功能
Get precise colors for your designs.
1
高精度放大镜
内置的变焦镜头跟随您的光标，即使在繁忙或复杂的图像中，也能让您极高精度地选择单个像素。
2
多格式输出
即时为每个选择提供 HEX、RGB 和 HSL 值，满足 Web 开发和创意设计的需求。
3
通过浏览器处理实现 100% 隐私
利用您设备的本地能力处理图像。您的文件永远不会上传、存储或被我们的服务器查看。
4
历史记录和色板调色板
在可视化历史列表中跟踪您最近选取的颜色，便在一个会话中轻松构建完整的项目调色板。
5
即时复制到剪贴板
所有颜色代码均可一键复制。通过将数据直接从图像移动到代码，加快您的 CSS 和设计工作流程。
6
移动友好的交互性
触摸优化的界面，允许您随时随地从智能手机或平板电脑的相册中点击并选取颜色。
像素完美颜色选择指南
Identify any color in seconds.
1
选择颜色采样源
将您的图像拖入工具或浏览您的设备。我们支持所有常见格式，如 JPG、PNG 和 WebP。
2
定位放大镜
主要光标移到您要检查的区域上。放大镜工具将向您显示像素网格的放大视图。
3
锁定您的像素
点击您想要的确切像素。该工具将冻结结果面板中的值，这样您就不会丢失选择。
4
选择您的格式
查看结果面板，了解所选颜色的 HEX 代码、RGB 三元组和 HSL 值。
5
复制并实施
点击您首选格式旁边的复制图标。将其直接粘贴到您的 CSS、Photoshop 或 Canva 项目中。
图片取色器：颜色识别常见问题
取色器的准确性受图像质量影响吗？
是的。如果图像被严重压缩（模糊），像素颜色可能会略有偏移。为了获得最佳结果，请使用高分辨率、未压缩的图像。
HEX 和 RGB 有什么区别？
HEX 是主要用于 Web 开发的 16 进制代码。RGB 是计算机和显示器用来定义颜色混合的三组数字（0-255）。
我可以直接从网站选取颜色吗？
您可以截取任何网站的屏幕截图并将其上传到我们的工具以查找其颜色。许多浏览器也有用于此目的的内置开发工具。
该工具适用于透明 PNG 吗？
是的。如果您点击透明区域，该工具通常会返回底层画布的颜色（通常是白色或方格）。
我可以选取的颜色数量有限制吗？
没有，您可以根据需要选取任意数量的颜色。我们的免费在线工具没有任何限制或约束。
如果不使用 HEX 而使用 HSL 呢？
HSL 更直观地用于调整颜色（例如，使颜色变暗 10%），而 HEX 只是计算机代码，人类难以阅读。
这个工具对公司徽标安全吗？
当然。因为您的图像保留在浏览器中，从未上传到我们的服务器，所以您的敏感公司资产保持私密。
该工具适用于 iPhone 和 iPad 吗？
是的，我们的工具完全响应并且使用触摸事件允许在移动设备上取色。
我可以保存我的调色板供以后使用吗？
历史列表在您当前的会话期间可用。我们建议将 HEX 代码复制到文档中以进行长期存储。
“像素”在颜色术语中实际上代表什么？
像素是数字图像的最小单位。在标准图像中，它是主要由红色、绿色和蓝色光数据组成的单一颜色值。