处理中...

首页图片工具取色器

拖放图片到此处或点击上传

支持 JPG、PNG、WebP、GIF、BMP

点击图片选取颜色

了解 取色器

你需要知道的一切

取色器怎么用+
1

上传图片

把照片或图片拖到上传区,或者点击选择文件。支持 JPG、PNG、WebP、GIF、BMP——基本什么格式都能读。

2

点击取色

鼠标移到图片上,点哪里就取哪里的颜色。吸管工具像素级精准,颜色秒出结果。

3

复制色值

HEX、RGB、HSL 三种值同屏显示。点一下就能把 HEX 代码复制到剪贴板。取过的颜色自动存到历史调色板里,随时查看方便。

核心功能+

三种颜色格式

每个颜色同时给出 HEX、RGB、HSL 三种格式。做 CSS、设计工具、前端开发,需要哪种用哪种。

像素级精准

单个像素采样,色值绝对精准。没有近似值——图片任意一点的 RGB 值精确到个位。

历史调色板

取过的每个颜色都自动存到历史调色板里,最多存 20 个最近取的颜色。点一下色板就能复制 HEX 代码。

100% 隐私保护

所有取色都在浏览器本地完成。图片绝对不上传也不存储——做品牌素材和机密设计完全放心。

一键复制

点一下就能把 HEX 代码复制到剪贴板。不用选中、不用拖拽、不用快捷键——点一下就能粘到设计工具里。

全图片格式支持

支持 JPG、PNG、WebP、GIF、BMP 文件。照片、截图、图形,吸管工具通吃。

常见使用场景+

平面设计

从 Logo 上取品牌色,从参考图提取调色板,在 Figma、Photoshop、Illustrator 里精准匹配色值。

网页开发

获取精确的 HEX 和 RGB 值写 CSS、配 Tailwind、写组件样式。UI 元素像素级还原设计稿。

摄影调色

从参考照片里取肤色、天空色和关键元素的颜色,在自己的修图流程里调出同样的感觉和风格。

UI/UX 设计

从现有网站和 APP 里提取完整的色彩体系。采样真实界面,搭建设计令牌和组件库。

社媒和营销

全平台统一你的品牌色。从竞品帖子、广告创意、博主内容里取色,保持视觉形象一致。

调色板制作

从灵感照片、自然风光、艺术作品里提取协调的配色。收集多个色板,打造你专属的配色方案。

什么是取色器?+

图片取色器是怎么工作的

取色器(也叫吸管工具)读取数字图片里单个像素的精确颜色值。你点一个像素,工具就读出它的红、绿、蓝三个通道的值,然后转换成标准的颜色格式。数字图片里的每个像素都由三个颜色通道组成——红、绿、蓝——每个通道取值 0 到 255。这些 RGB 值就是定义你在屏幕上看到的颜色的原始数据。

ImgNeo 的取色器直接从浏览器里的 HTML5 Canvas 读取像素数据。速度快、精度高,而且完全私密——不用服务器处理,不用上传文件,没有延迟。加载任何图片,像素级精准颜色秒出。

HEX vs RGB vs HSL——三种颜色格式搞明白

HEX(十六进制)是网页设计最常用的格式。颜色用 6 位代码表示,以 # 开头,比如 #FF5733。每两位分别代表红、绿、蓝的值,用十六进制表示(00 到 FF)。HEX 简洁好复制,CSS 和设计工具里通吃。

RGB(红、绿、蓝)用三个 0 到 255 的数字表示颜色,比如 rgb(255, 87, 51)。这个格式直接对应显示像素的工作原理。RGB 很直观,一眼就能看出每种原色占多少,而且是所有数字图片的原生格式。

HSL(色相、饱和度、亮度)用人更容易理解的方式描述颜色:色相(就是什么颜色,0-360°)、饱和度(鲜艳程度,0-100%)、亮度(明暗程度,0-100%)。用 HSL 做颜色变化超方便——保持色相不变,调亮度或饱和度就行。

精准取色的小技巧

想要最准确的结果?点之前先把图片放大,特别是取小细节颜色的时候更要放大。注意 JPG 压缩会在边缘和文字附近产生色偏——想取最干净的色,找平整、纯色的地方取。如果需要的是一片区域的平均色而不是单个像素的颜色,可以多取几个点心里大概平均一下,或者用 PNG 这种无损压缩的图片。另外记住:屏幕上的颜色看起来会不一样,跟显示器校色和亮度设置都有关系。

相关工具

更多你会喜欢的免费图片工具

常见问题

关于 取色器

取色器支持哪些颜色格式?+

取色器同时显示三种格式:HEX(比如 #FF5733)、RGB(比如 255, 87, 51)、HSL(比如 9, 100%, 60%)。点一下就能复制 HEX 代码,RGB 和 HSL 可以手动复制。

取色精度怎么样?+

工具读取的是图片精确的像素值,像素级 100% 准确。不过如果是 JPG 图片,压缩伪影会让相邻像素颜色略有差异。想取最有代表性的颜色,找平整纯色的区域取。

什么图片格式都能取色吗?+

可以!工具支持所有常见图片格式,包括 JPG、PNG、WebP、GIF、BMP。不管图片什么格式,取色器读取渲染后的像素值都是一样的。

历史记录里能存多少个颜色?+

历史调色板最多存 20 个最近取的颜色。重复的颜色会自动跳过,保持调色板干净。点历史里的任意色板就能复制 HEX 代码到剪贴板。

我的图片会上传到别的地方吗?+

不会,绝对不会。所有取色都直接在浏览器里用 HTML5 Canvas API 完成。图片文件绝对不出你的设备,机密设计、品牌素材、私密照片都可以放心用。

HEX、RGB、HSL 有什么区别?+

HEX 用 6 位十六进制数字(#RRGGBB),是网页 CSS 的标准。RGB 用三个数字(0-255)分别代表红、绿、蓝通道——这就是像素的物理工作原理。HSL 用色相(0-360°)、饱和度(0-100%)、亮度(0-100%)描述颜色,做颜色变化更直观。

为什么选择 ImgNeo?

为速度、隐私和简洁而生。

闪电般快速

使用我们优化的浏览器端引擎,秒级处理图片。

100% 安全

图片在本地处理,绝不上传到任何服务器。

随处可用

任何设备、任何浏览器、随时使用 — 无需安装。

无需注册 可离线使用 无文件限制 永久免费