SlimImg-logo

从图片中取色

上传图片,拾取任意颜色,即可在浏览器中即时获得精确的十六进制、RGB 和 HSL 代码。

上传图片

点击浏览或拖放图片

支持 JPEG、PNG、WebP,最大 10MB

为什么使用 SlimImg 取色器

在浏览器中从任意图片提取颜色的最快、最准确的方式。

像素级精确取色

点击图片上的任意位置即可获取精确的颜色值。放大后可精确选择单个像素。

HEX、RGB 和 HSL 格式

同时获取所有三种格式的颜色。一键复制任意格式 — 直接粘贴到你的设计工具、CSS 或代码中。

自动调色板

自动从任意图片中提取主色调。通过点击多个颜色构建自定义调色板 — 非常适合品牌和设计灵感。

100% 私密

你的图片保留在你的设备上。无需上传、不经过服务器,没有人会看到你的照片。所有颜色提取都在浏览器本地完成。

即时结果

无需等待,没有处理延迟。点击一个像素即可立即看到颜色代码。处理高分辨率图片与小图片一样快。

随处可用

可在任何装有现代浏览器的设备上使用 — 台式机、平板电脑或手机。无需安装应用,无需插件。

如何从图片中取色

通过三个步骤从任何照片中提取精确的颜色代码。

01

上传你的图片

点击上传区域或拖放任何 JPEG、PNG 或 WebP 图片。适用于照片、截图、设计稿 — 任何不超过 10MB 的图片文件。

02

点击取色

点击图片上的任意位置,获取该像素的精确颜色。使用缩放滑块进行精确定位 — 最高可放大 8 倍,实现像素级完美选择。

03

复制并构建调色板

即时获取 HEX、RGB 和 HSL 代码。点击“添加到调色板”收集多种颜色并构建你的自定义配色方案。一键复制任意代码。

常见问题

关于从图片中提取颜色的一切。

像素级精准。取色器会读取你点击像素的精确 RGB 值。没有四舍五入,没有近似值 — 你得到的是图片文件中存储的精确颜色。

HEX 是网页设计中使用的 6 位字符代码(例如 #FF5733)。RGB 以数字形式显示红色、绿色、蓝色分量(例如 255, 87, 51)。HSL 显示色相、饱和度和亮度 — 有助于寻找匹配的颜色。我们提供所有三种格式,你可以根据工具要求使用。

可以。上传任意截图,就像处理其他图片一样取色。非常适合匹配网站、应用或你在线看到的设计中的颜色。

绝不会。所有颜色提取均通过 Canvas API 在浏览器本地完成。你的图片永远不会离开你的设备 — 100% 私密且安全。

自动调色板会分析你的图片,并使用颜色量化技术提取最主打的颜色。它会找出最能代表图片的 5-6 种颜色 — 适用于品牌色提取和设计灵感。

可以。取色器可在任何装有现代浏览器的设备上使用。在手机上,你可以捏合缩放以精确选择像素,或上传手机相机拍摄的照片。