首页 / 所有工具 / 颜色选择器 颜色选择器 使用我们免费的在线取色器从任何图片或屏幕中选取颜色。立即获取 HEX、RGB 和 HSL 代码。100% 私密，并在您的浏览器中运行。
广告 广告 How to Use 1. 选择方式 上传一张图片，或使用“从屏幕取色”按钮。2. 选取颜色 将鼠标悬停在图片上查看预览，点击即可捕获颜色。3. 复制代码 颜色会被添加到历史记录。点击复制其 HEX、RGB 或 HSL 值。 设计师和开发者的好帮手 🎨 设计师 快速从品牌 Logo 或灵感照片中获取确切的十六进制代码。以像素级的精度构建您的调色板。
💻 开发者 从 UI 原型图中提取颜色值，直接在 CSS 中使用。无需打开设计软件即可获取 RGB 或 HEX 值。
了解颜色代码 HEX (十六进制) 示例：#00BFA5。最常见的网页颜色格式。代表红、绿、蓝混合的六位代码。
RGB (红, 绿, 蓝) 示例：rgb(0, 191, 165)。定义红、绿、蓝光分量的强度 (0-255)。
HSL (色相, 饱和度, 亮度) 示例：hsl(174, 100%, 37%)。更符合人类直觉。色相是颜色类型，饱和度是强度，亮度是明暗。
您的隐私是我们的首要任务 此工具完全在您的浏览器中运行。我们不会上传、存储或分析您的文件。您处理的所有内容都保留在您的设备上。
FAQ
我的图片会被上传到服务器吗？ 不会。您的隐私得到保证。所有处理完全在您的网络浏览器中进行。您的图片从未离开您的设备，我们也不会查看或存储它们。
“从屏幕取色”按钮是什么？ 此功能使用浏览器内置的 EyeDropper API (Chrome/Edge/Opera)。它允许您从整个屏幕上的任何应用程序或窗口中选取颜色，而不仅仅是从浏览器中的图片中选取。
HEX, RGB 和 HSL 有什么区别？ HEX (#RRGGBB) 是网页设计的标准。RGB 使用 0-255 表示红绿蓝强度。HSL（色相、饱和度、亮度）对于人类调整颜色属性通常更直观。