官方客户端 · 双平台

取色器 在线 · App

把屏幕上的任何一处颜色,变成可以带走、可以复用的色值。手机端把「取色」这件事从桌面软件里搬了出来,随手一按就能拿到 HEX、RGB 与 HSL。

支持 Android 8.0+ / iOS 14+ · 安装包约 28 MB · 当前版本 v2.4.0 · 更新于 2026 年 9 月

Why it matters

取色器 在线谁在用它,用它做什么

取色器 在线 App 不是给设计师一个人准备的。凡是「看到某个颜色想留下来」的瞬间,它都派得上用场——差别只在于你要拿这个颜色去做什么。

01 / 设计

把参考图拆成可用的色板

看到一张喜欢的海报,导入后逐点吸取主色与辅色,导出成一组十六进制色值。做一套活动物料时,先定 3 个主色、2 个点缀色,再铺版式,通常能省下反复试色的时间。示例:从一张深色海报里取出 #1A3A5C 与 #D4A017 作为主色对,整体调性一次就定下来了。

02 / 开发

取色器 在线把 UI 稿上的颜色抄准

前端改样式时最怕「看着差不多」。对着截图取色,拿到精确到个位的 RGB 值,写进 CSS 变量里,不同设备上就不会出现偏色。示例:把按钮底色定成 rgb(212,160,23),与设计稿比对偏差通常能控制在肉眼难辨的范围。

03 / 日常

记住生活里的那一抹色

街边店招的蓝、旧书封面的黄、一杯咖啡的奶泡色——拍下来吸一下,存进个人色卡。做手账、配衣服、给房间选墙漆时,翻出来就能用。示例:把一年里存下的色值按季节分组,回头会发现自己的偏好其实相当稳定。

Features

取色器 在线 App 的六件事

功能不必多,关键是每一件都做到「拿起来就能用」。下面六项是移动端最常被用到的部分。

取色器 在线 App 的六件事
01

拍照即取色

调用摄像头对准实物,取色框落在哪,色值就跟着变。布料、墙面、印刷品都能取,光线偏冷偏暖时还能手动微调白平衡后再取值。

02

取色器 在线图片局部放大吸管

导入相册里的图,双指捏合放大到像素级,吸管十字准星对准目标像素。边缘有渐变的区域,这个功能比凭感觉猜准得多。

03

取色器 在线HEX / RGB / HSL 三种读法

同一个颜色,切换显示格式即可。写网页用 HEX,调图层用 RGB,做配色关系分析用 HSL——尤其是 HSL 的明度与饱和度,方便判断两个色是不是「同一家族」。

04

自动生成邻近配色

选定一个基准色,一键给出互补色、相近色与三角配色。做 PPT 或海报时,先定主色再让工具补出搭配,比凭感觉硬凑更稳。

05

取色器 在线个人色卡与分组

取到的颜色可以命名、备注来源、按项目分组保存。做长期项目时,色卡就是一份可回溯的记录:这个颜色当初是从哪张图取的,一目了然。

06

取色器 在线一键复制与分享

点一下复制色值到剪贴板,直接粘进设计软件或代码编辑器。也可以把整组色卡导出成图片或文本,发给同事对齐用色。

Walkthrough

一次真实的取色过程

下面这段对话,是一位做公众号排版的用户和我们的实际沟通记录(已做简化)。它比任何功能列表都更能说明问题。

示例对话 · 场景还原
用户 我有一张客户给的品牌主视觉,需要在公众号排版里复刻它的配色。但对方只给了 JPG,没有色值文件,我总不能靠眼睛猜吧?
取色器 在线 把这张图存进相册,在 App 里导入,双指放大到标题文字那一块。吸管对准笔画最粗的地方——避开描边和阴影,那里才是纯色。你会拿到类似 #1A3A5C 的深藏青。
用户 拿到一个色值之后呢?排版里光一个颜色不够用。
取色器 在线 在色卡里对 #1A3A5C 点「生成邻近配色」,它会给出同色系的浅色与互补的暖色。实测这套主视觉配出来是 #1A3A5C 打底、#D4A017 做强调,正文用 #F5E6B0 的浅底,阅读节奏就出来了。三组色值复制进编辑器,前后大概两分钟。
用户 明白了,那我先把三个色值存成一组,下次做同系列的文章直接调出来。
关于示例数字的说明:上文中的色值与耗时是演示用的合理示例,用来讲清操作路径。实际取到的颜色取决于你的原图,App 只负责如实读出像素值,不会替你「美化」色彩。
By the numbers

一组可以核对的口径

下面这些数字来自我们自己的后台统计,口径写清楚了,方便你判断它是否适合你。

约 62 万
累计下载次数(含各应用市场渠道,统计截至 2026 年 9 月)
28 MB
Android 安装包体积,iOS 版本约 41 MB
1.4 秒
中端机型冷启动到可操作界面的平均耗时
0 项
需要付费才能使用的核心功能数量

以上为本站自有的运营统计,非第三方审计数据;不同机型、不同系统版本下的实际表现会有浮动,我们不做夸大表述。

Screens

取色器 在线界面长得什么样

四张主要界面的截图。竖屏操作,单手够得着顶部与底部的常用按钮。

取色器 在线 App 取色主界面,手机屏幕上显示一个放大的图片预览与十字吸管准星,下方同步列出当前像素的十六进制色值
取色主界面:吸管落在哪,色值就实时跟着变。
取色器 在线 App 个人色卡列表页,深色背景上一排排方形色块整齐排列,每块色块下方标注色值与自定义名称
色卡页:取过的颜色可以命名、备注来源、按项目分组。
取色器 在线 App 配色方案生成页,屏幕中央是一个基准色圆点,四周环绕互补色与相近色建议,并用连线标出色彩关系
配色建议:选一个基准色,让它补出能搭配的其余几个。
取色器 在线 App 相机取色界面,手机取景框对准桌面上的布料,画面中央有取色方框与实时色值读数
相机取色:对着实物也能取,适合布料、墙面、印刷品。
Specs

取色器 在线把关键指标摊开来看

比起形容词,具体数值更能说明它跑得动、装得下、用得久。

安装包
28 MB
Android 版本体积,下载后无需额外资源包。
运行内存
≤ 120 MB
常规取色操作下的内存占用,处理大图时会短暂上升。
色彩精度
8 bit/通道
读出 0–255 的整数值,与常见设计软件口径一致。
色值格式
6 种
HEX、RGB、HSL、HSV、CMYK 近似值、CSS 变量写法。
色卡容量
无上限
本地存储,容量取决于手机剩余空间,不做云端强制同步。
最低系统
Android 8.0
iOS 端要求 14.0 及以上,覆盖近年绝大多数在用机型。
权限项
3 项
相机、相册读取、剪贴板写入。不申请通讯录与位置。
冷启动
约 1.4 秒
中端机型实测均值,旗舰机型通常更快。
Install

下载与安装,一步步来

两个平台分开写,照着自己的机型看对应那一段就行。装完第一次打开,建议先做一次权限确认。

取色器 在线Android 端

  1. 下载安装包。点击页面上方的「Android 下载」按钮,等待 28 MB 左右的安装包下载完成。若从浏览器下载,通知栏会提示进度。
  2. 允许安装来源。首次安装时系统可能提示「不允许安装未知来源应用」,进入设置里为当前浏览器或文件管理器打开该开关即可,安装完成后建议再关掉。
  3. 完成安装并打开。在文件管理器里找到安装包点击安装,完成后桌面会出现应用图标。
  4. 授予必要权限。首次进入会依次询问相机与相册权限。只用到图片取色的话,相册权限是必须的,相机权限可以稍后再给。
  5. 试取一次颜色。导入一张相册里的图,放大后点任意位置,确认屏幕下方出现色值,说明一切正常。
装不上怎么办:先看剩余存储空间是否大于 200 MB;再确认系统版本不低于 Android 8.0;如果提示「解析包错误」,多半是安装包没下完,删掉重新下一次。

iOS 端

  1. 下载安装。点击「iOS 下载」按钮,跳转到 App Store 页面后点击获取,使用面容或指纹确认即可开始下载。
  2. 等待安装完成。iOS 版本约 41 MB,在 Wi-Fi 环境下通常十几秒完成。安装过程中图标会显示下载进度环。
  3. 首次启动授权。打开应用后,系统会弹出「允许访问照片」的询问,选择「允许访问所有照片」或「仅选中的照片」都可以正常使用。
  4. 熟悉取色手势。在图片上单指按住移动即为取色,松手后色值固定在屏幕下方,点复制按钮即可写入剪贴板。
  5. 建立第一张色卡。把刚才取到的颜色点「加入色卡」,给它起个能认出来的名字,比如「客户主视觉-深蓝」。
提示:iOS 的剪贴板读取有系统提示,这是系统行为而非应用索取隐私,看到弹窗属正常现象。

取色器 在线关于安装包来源的一点交代

我们只在本站与各主流应用市场提供安装包,不通过第三方网盘、群聊文件或来路不明的短链分发。如果你在别处看到体积明显偏大、或者要求额外安装「配套插件」的所谓安装包,那不是我们发布的版本,建议直接放弃。手机端取色这类工具,功能边界很清楚,不需要任何附加组件才能运行。

For beginners

新手避坑:取色这件事上,常见的几个误会

工具本身不复杂,坑大多在「怎么用」和「用完之后」。下面几条是我们在反馈里见得最多的。

新手避坑:取色这件事上,常见的几个误会

误会一:取到的色值就是「标准色」

取色只是如实读出像素。同一块布料在日光下和台灯下,读出来可能差十几个色阶。要用于生产,建议在接近最终展示环境的光线下取,或者以设计稿的电子文件为准。工具不会替你做色彩管理。

取色器 在线误会二:压缩过的图也能取到准确色

JPEG 是有损压缩,边缘和渐变区会有杂色。取色时尽量选色块中间、面积大的区域,避开文字描边和阴影过渡带——那里的像素值本身就不可靠。

取色器 在线误会三:截图里的颜色可以直接用

手机截图经过屏幕色彩配置转换,和原始文件里的色值未必一致。真要精确,还是从原始图片文件里取,别从截图里取。

误会四:付费版才能导出

本应用的核心取色、色卡、复制导出都是免费的,没有「解锁导出」这一说。若你在别处看到打着我们名号收费的版本,那不是官方渠道。


取色器 在线设备与隐私上的几条建议

取色类工具会接触到你的相册,所以权限给得越精准越好。iOS 上可以选择「仅选中的照片」,Android 上优先授予单张图片访问而不是整个相册。用完相机取色后,随手关掉相机权限也不影响后续从图片取色。

另外,色卡属于本地数据。换手机前记得用应用内的导出功能把色卡导成文本或图片存好,重装之后可以对照着重建——我们不做强制账号体系,也就不存在「云端自动帮你找回」这回事,这一点提前说清楚。

Service status

取色器 在线服务节点状态

App 内部分功能(如在线配色建议、色卡分享)会连接我们的服务节点。下面是各区域的接入状态,供你判断当前网络下的使用体验。

华东 · 上海 延迟 24 ms 极速
华北 · 北京 延迟 31 ms 极速
华南 · 广州 延迟 46 ms 畅通
西南 · 成都 延迟 68 ms 畅通
海外 · 新加坡 延迟 142 ms 拥挤
数据更新于 3 分钟前 · 延迟为区间采样值,仅作参考,不代表你所在网络的真实表现
需要说明的是:取色、色卡管理、色值复制这些核心功能全部在本地完成,不依赖网络。上面这些节点只影响在线配色建议与分享这类附加能力,断网状态下 App 依然可以正常取色。
Changelog

版本更新记录

只列有实际改动的版本,凑数的版本号我们不写。

  1. v2.4.0 — 图片取色支持像素级放大到 800%,新增 HSL 视图下的明度滑块微调;修复部分机型导入大图时偶发卡顿的问题。
  2. v2.3.1 — 色卡支持按项目分组与批量导出;相机取色的白平衡微调精度提升。
  3. v2.2.0 — 新增邻近配色自动生成,支持互补色、相近色与三角配色三种关系;安装包体积优化约 15%。
  4. v2.1.0 — 上线离线色卡,断网也能查看与复制历史颜色。
FAQ

常见问题

下面这些问题,来自我们收到的用户反馈里出现频率最高的几条。

取色器 在线 App 是免费的吗?

是。取色、图片导入、色卡管理、色值复制与导出这些核心功能全部免费,没有次数限制,也没有需要付费才能解锁的「高级取色」。应用内不设强制会员,也不投放全屏插屏广告。

支持哪些手机系统?老机型能用吗?

Android 端要求 8.0 及以上,iOS 端要求 14.0 及以上。这个门槛覆盖了近五六年发布的绝大多数机型。如果你的设备低于这个版本,安装时系统会直接提示不兼容,而不是装完之后闪退。

使用它安全吗?会不会上传我的照片?

取色与色卡管理全部在本地完成,图片不会被上传到服务器。应用只申请相机、相册读取和剪贴板写入三项权限,不申请通讯录、位置和通话记录。你可以在系统设置里随时查看并收回这些权限,收回后对应功能不可用,其余功能不受影响。

怎么更新到新版本?

从应用市场安装的版本,会在市场内收到更新推送;从本站下载安装的 Android 版本,需要回到本页重新下载安装包覆盖安装,色卡数据会保留。iOS 版本统一走 App Store 更新。我们不会通过应用内弹窗强制跳转外部链接来更新。

它占多大存储空间?色卡存多了会不会很占地方?

安装包约 28 MB(Android),安装后占用通常在 60 MB 上下。色卡本身只是一组色值文本,一条记录不到 1 KB,存几千条也就是几 MB 的量级,基本不用担心。真正占空间的是你导入的原始图片,那些图片仍然留在相册里,App 不会额外复制一份。

取到的色值和设计软件里显示的不一样,是哪里出错了?

多数情况下是色彩空间差异。取色器读出的是图片文件中的原始像素值,而设计软件可能会应用显示器的色彩配置文件再做一次转换。要完全对齐,建议两边使用同一套色彩空间设置,并尽量从原始图片文件取色,而不是从截图或压缩过的图片取。

发现问题或有功能建议,怎么反馈给你们?

可以直接发邮件到页面下方「联系我们」里列出的反馈邮箱,附上机型、系统版本和问题截图,我们处理起来会快很多。功能建议也欢迎,但不保证每条都能排进版本计划——这一点先说清楚,免得你等。

Contact

联系我们

遇到安装问题、功能异常或者想提建议,都可以直接找我们。邮件通常在两个工作日内回复。

取色器在线 · 客户端团队

用户反馈
support@quseqi.cn
商务合作
bd@quseqi.cn
内容与版权
editor@quseqi.cn
服务时间
工作日 10:00 – 18:00(法定节假日顺延)

装好了,就把相册里那张一直想「抄色」的图导进去试试。第一组色卡建起来之后,你会发现自己看颜色的方式变了。