颜色选择器

使用我们免费的在线取色器从任何图片或屏幕中选取颜色。立即获取 HEX、RGB 和 HSL 代码。100% 私密，并在您的浏览器中运行。

上传图片

悬停颜色

上传图片以开始取色。

取色历史

您选取的颜色将显示在这里。
点击选择图片

或拖放至此处开始取色。

如何使用取色器

  1. 1. 选择方式： 您可以通过点击上传区域上传图片，或者如果您需要从屏幕上的其他位置（如另一个应用程序）取色，请使用“从屏幕取色”按钮（如果浏览器支持）。
  2. 2. 选取颜色： 如果您上传了图片，只需将鼠标移至其上。您将看到光标下颜色的实时预览。只需点击即可捕获它。
  3. 3. 获取代码： 您选取的颜色会添加到历史记录列表中。所有基本代码——HEX、RGB 和 HSL——都会显示出来。点击任何代码旁边的“复制”按钮即可立即保存。

设计师和开发者的好帮手

🎨 设计师

快速从品牌 Logo、情绪板图片或灵感照片中获取确切的十六进制代码。以像素级的精度构建您的调色板，并保留您最近选取的色调历史。

💻 开发者

从 UI 原型图（JPG 或 PNG）中提取颜色值，直接在 CSS 或应用程序代码中使用。无需打开大型设计软件即可获取用于原生开发的 RGB 值或用于 Web 样式的 HEX 值。

了解颜色代码

HEX (十六进制)

示例：#00BFA5。这是最常见的网页颜色格式。它是一个六位代码，代表红、绿、蓝的混合。

RGB (红, 绿, 蓝)

示例：rgb(0, 191, 165)。每个值的范围从 0 到 255，定义了红、绿、蓝光分量的强度。

HSL (色相, 饱和度, 亮度)

示例：hsl(174, 100%, 37%)。这种格式对人类来说更直观。色相是色轮上的颜色 (0-360)，饱和度是强度 (0-100%)，亮度是明暗程度 (0-100%)。

常见问题解答

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

不会。您的隐私得到保证。所有处理完全在您的网络浏览器中进行。您的图片从未离开您的设备，我们也不会查看或存储它们。

“从屏幕取色”按钮是什么？

此功能使用浏览器内置的 EyeDropper API，目前可在 Google Chrome、Microsoft Edge 和 Opera 等现代浏览器中使用。它允许您从整个屏幕上的任何应用程序或窗口中选取颜色，而不仅仅是从您在浏览器中上传的图片中选取。

您的隐私是我们的首要任务

此工具完全在您的浏览器中运行。我们不会上传、存储或分析您的文件。您处理的所有内容都保留在您的设备上。