看到照片里喜欢的颜色，需要精确色值？ImgNeo 取色器 点击任意像素就能获取 HEX、RGB、HSL 值 —— 浏览器里直接操作，不用注册，不用装软件。
为什么要从图片取色？
匹配截图里的品牌色。复刻网上看到的配色方案。拿到 CSS 要用的精确色值。设计师、开发者和内容创作者经常需要从现有图片中提取精确颜色——靠猜可不行。
怎么从图片提取颜色
第一步：打开取色器
访问 imgneo.com/CN/color-picker，无需登录。
第二步：上传图片
把图片拖到页面上，或者点击选择文件。支持 JPG、PNG、WebP、GIF、BMP。
第三步：点击取色
在图片上点击任意位置。工具会采样该像素的精确颜色，同时显示三种格式：
| 格式 | 示例 | 用在哪里 |
|---|---|---|
| HEX | #3b82f6 | CSS、HTML、设计工具、大部分网页平台 |
| RGB | 59, 130, 246 | CSS rgb()、图像处理、编程 |
| HSL | 217°, 91%, 60% | CSS hsl()、调整色相/饱和度/明度 |
第四步：复制色值
点击任意格式即可复制到剪贴板。直接粘贴到 CSS、设计工具或代码里。
第五步：构建色板
每次取色都会保存在颜色历史面板里。从同一张图取多个颜色，构建完整色板——适合从参考图提取配色方案。
理解颜色格式
HEX
六位十六进制代码（如 #3b82f6）。网页上最常用的格式。所有接受颜色的 CSS 属性都支持 HEX。简写：如果每对字符相同（如 #3366ff），可以写成 #36f。
RGB
三个 0–255 的数字，分别代表红、绿、蓝通道。CSS 中写作 rgb(59, 130, 246) 或 rgba(59, 130, 246, 0.8) 加透明度。编程更直观——可以数学调整各个通道。
HSL
三个值：色相（0–360°）、饱和度（0–100%）、明度（0–100%）。最易读的格式。想要更浅的颜色？提高 L 值。想要不那么鲜艳？降低 S 值。HSL 是创建颜色变体最方便的格式。
常见使用场景
匹配品牌色 — 上传 logo 或品牌素材，点击关键颜色，复制 HEX 值。用在 CSS、PPT 或社交媒体模板里。
从参考图提取配色 — 从喜欢的照片（风景、室内、画作）里取 4–6 个颜色，作为项目色板。
拿到代码要用的精确色值 — 不再靠目测或截图取色器。点击、复制、粘贴，精确值到手。
找互补色 — 取一个基础色，记下 HSL 色相值，加/减 180° 是互补色，120° 是三角色，30° 是邻近色。
复刻网站配色 — 截图网站，上传取色，拿到精确色值。
常见问题
取色精度怎么样？
像素级精确。工具读取你点击的像素的精确 RGB 值。唯一的误差来源是你的显示器色彩校准——色值本身是数学上精确的。
可以取多个颜色吗？
可以。每次点击都会添加到颜色历史里。需要多少取多少，从图片中构建完整色板。
为什么取到的颜色和屏幕上看到的不一样？
如果你在校准过的显示器上看图片，然后在未校准的显示器上使用颜色，看起来可能不同。色值是对的——显示是变量。另外，浏览器色彩管理对带 ICC 配置文件的图片可能有轻微偏移。
可以输入 HEX 值在图片里查找吗？
暂不支持。工具通过点击图片取色，不支持在图片内搜索指定颜色。
HEX 和 RGB 有什么区别？
它们用不同方式表示同一个颜色。#3b82f6（HEX）= rgb(59, 130, 246)（RGB）。HEX 就是 RGB 值的十六进制写法。两者精度一样——HEX 更紧凑，RGB 在代码里更可读。
图片会上传到服务器吗？
不会。所有处理都在浏览器里完成，图片不会离开你的设备。