为什么从图片取色？
设计师和开发者常需要从照片或截图中匹配颜色。我们的取色器可点击图片任意位置获取精确的 hex 和 RGB 值。
使用场景
从 Logo 提取品牌色。用照片构建调色板。从参考图匹配油漆颜色。获取 CSS 或设计工具的 hex 代码。
在线取色器 - 如何在线从图片取色
上传图片。点击任意位置采样该像素颜色。显示 hex (#RRGGBB) 和 RGB 值。一键复制。全部在浏览器中。
步骤
拖放图片或通过文件选择器选择。将光标移到图片上。点击采样。显示 hex 和 RGB。复制粘贴到设计工具或 CSS。
Hex 与 RGB：理解颜色值
Hex (#RRGGBB) 用于 HTML、CSS 和大多数设计软件。RGB (R, G, B) 用于部分应用。我们提供两者。Hex 更紧凑；RGB 更易读。
颜色精度
我们采样您点击的精确像素。显示器校准可能影响颜色显示，但数值对图像数据是准确的。
创建调色板
从一张图片采样多种颜色构建协调的调色板。提取照片中的主色并应用到设计中。
设计工作流
参考图 → 取色器 → hex/RGB → 设计工具。快速、准确、无需外部软件。
常见问题
- 取色器免费吗？
- 是的。免费、无限制。客户端处理。
- 图片会上传吗？
- 不会。取色在您的浏览器中进行。
- 会得到哪些值？
- 所点击像素的 Hex (#RRGGBB) 和 RGB (R, G, B)。
- 支持哪些格式？
- JPG、PNG、WebP、GIF 及其他常见图片格式。
- 为什么从图片取色？
- 为匹配品牌色、构建调色板或获取设计开发所需的精确 hex/RGB。