先处理源文件
颜色选择器 适合处理这类任务：使用我们免费的在线取色器从任何图片或屏幕中选取颜色。立即获取 HEX、RGB 和 HSL 代码。100% 私密，并在您的浏览器中运行。。整个过程可以留在浏览器里完成，不必切换到更重的桌面软件。
颜色选择器
使用我们免费的在线取色器从任何图片或屏幕中选取颜色。立即获取 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（色相、饱和度、亮度）对于人类调整颜色属性通常更直观。
广告