图片取色器

什么是「图片取色器」

免费在线颜色选择 + 转换工具,支持 HEX / RGB / RGBA / HSL / HSV 色值互转。可从颜色卡选、输入色值或上传图片吸色。浏览器本地处理,适合前端开发、设计师调色、品牌色统一等场景。

适用场景

• 看到某网页颜色想用:把网页截图传到工具里,用吸管点想要的位置,直接拿到 HEX 色值。
• 设计稿色值统一对接:设计稿给 HEX,前端需要 HSL 调透明度,本工具一键转换,精确不偏色。
• 暗色 / 亮色主题调色:用 HSL 模式调一组同色系深浅色,做暗色 / 亮色主题对比,避免色相漂移。

常见问题

RGB / HSL / HSV 哪个常用?

前端代码用 HEX / RGB,设计 / 调色用 HSL(可独立调亮度 / 饱和度)。HSV 是设计软件(PS / Sketch)的默认模式。

怎么从图片吸色?

上传图片后用吸管悬停到目标像素,工具显示该点 HEX。如果图被压缩过,边缘 / 渐变区会有色噪,建议吸大色块中心。

色值带透明度 (Alpha) 怎么表示?

RGBA 用 rgba(255,0,0,0.5);HEX 用 #FF0000 后加两位 80 表示 50% 透明(#FF000080)。本工具支持两种格式互转。

为啥同一 HEX 在网页和设计稿颜色不一样?

可能是色彩空间(sRGB vs P3)或显示器校色差异。前端默认 sRGB,设计软件 macOS 上常用 P3。要色彩一致,设计软件统一切到 sRGB 输出。

相关工具

• 颜色转换
• 图片压缩
• Favicon 生成

同作者另一产品

棱镜简历 — AI 在线简历制作,实时预览 / 拖拽编辑 / AI 润色 / 20+ 模板 / PDF 导出 / JD 匹配诊断。