QU-SE · MOBILE COLOR EXTRACTOR

取色 · App

对着屏幕里任意一块颜色按下去,屏幕像素转成 Hex、RGB、HSL、CMYK 四种色值同时给你。曲色取色把「看一眼、记下来、转格式、存色板」这四件琐碎事压进一个动作里,适合设计师、前端、印刷对接和所有对颜色较真的人。

支持 Android 8.0+ / iOS 14+ 安装包约 38 MB 当前版本 v3.2.0 更新于 2026-10-09

实时动态
  • 新色卡模板已入库:印刷四色对照
  • 今日更新记录 3 条
  • 色彩管理说明章节已补充修订
  • iOS 端取色精度说明更新完成
01 / FUNCTION

取色能替你做掉的几件事

不谈「强大」「高效」这类形容词,直接说它在哪些具体动作上省了你的手。

屏幕任意位置点选取色

对着设计稿、网页、照片或视频画面按下取色器,像素值即时读出,不用截图再导入电脑二次处理。

取色四种色值同步换算

一次取色,Hex、RGB、HSL、CMYK 四组数值同屏列出,复制哪个都行,前端写样式和印刷报色两头都不耽误。

色板分组与命名

按项目建色板,给每个颜色写一个「主按钮悬停态」这样的名字,三个月后回来还认得出它是干什么用的。

邻近色与对比度检查

取一个主色,顺手给出明暗微调后的邻近色,并算出前景背景的对比度比值,排版前先确认文字读得清。

多格式导出

色板可导出为 CSS 变量、JSON 或 ASE 交换文件,交付给同事时不用一个个手抄色值。

离线可用

取色与换算全部在设备本地完成,飞机上、断网的会议室里照样取色,不依赖服务器响应。

02 / SCENARIO

三类人,三种用取色的方式

同样是取色,界面设计师、印刷对接、普通用户关注的点完全不同。分开说清楚。

界面设计师

从竞品截图里抠一套配色,取色后直接生成 CSS 变量,一套六色主色卡通常十分钟内收齐,比手动记色值省下大半时间。

取色印刷与包装对接

客户给一张实物照片,取色读出 RGB,再换算 CMYK 粗略参考值,先对齐方向再送样,减少来回改稿的轮次。

普通家居用户

看中一面墙的颜色,手机对着取一下,得到色值后去涂料店照着报色,比口头描述「浅一点的那个灰」靠谱得多。

03 / DEMO

一次真实的取色过程长什么样

下面这段是模拟的真实使用对话,看一遍就知道它到底怎么用、能拿到什么。

用户我从客户发来的海报截图上看到一种很舒服的墨绿色,想放进我的网页主色里,但现在只有截图,怎么拿到准确色值?
取色把截图导入取色,点一下那块墨绿,屏幕立刻给出 #1F4E43、RGB(31,78,67)、HSL(163°,43%,21%)。如果这块区域有噪点,可以放大到像素级再点,避免取到边缘过渡色。
用户取到了,但这个绿放在白色背景上,正文文字会不会看不清?
取色用对比度检查一算,白底上放这个绿做正文对比度约 7.8 : 1,达到 AA 级要求。如果拿它当按钮背景配白字,对比度会降到约 4.6 : 1,仍能读,但建议把按钮底色再压暗一档,用取色给出的邻近色微调即可。
用户行,那我把这套主色、悬停态、禁用态都存成一个色板,导出给前端同事。
取色建一个「官网主色」色板,把三个颜色分别命名,导出为 CSS 变量文件,前端拿到就能直接粘进样式表,色值不会抄错。
04 / INTERFACE

取色 App 的核心界面

四张主界面截图,从取色、换算到色板管理,看清每个步骤在哪里操作。

取色 App 主界面取色器放大镜对准一张渐变海报,屏幕下方同步显示 Hex 色值,深蓝色界面在室内灯光下清晰可读
取色器:放大镜对准像素,色值实时读出
取色 App 色值换算页面,同一颜色并列显示 Hex、RGB、HSL、CMYK 四组数值,手指正点击复制按钮
色值换算:四种格式同屏,一点复制
取色 App 色板管理界面,多个按项目分组的色卡以网格排布,每个色块下方标注自定义名称与色值
色板管理:按项目分组,颜色起名不丢
取色 App 对比度检查界面,前景色与背景色并排预览,中间显示对比度比值与 AA 等级判定结果
对比度检查:排版前先确认文字读得清
05 / INSTALL

取色下载与安装指南

两个平台的步骤分开写,照着做就行。装不上先看文末的提示。

Android 版

  1. 确认系统版本打开「设置—关于手机」,系统为 Android 8.0 及以上即可安装。
  2. 点上方「Android 下载」安装包约 38 MB,建议在 Wi-Fi 环境下载。
  3. 允许安装未知来源应用首次安装若提示受限,在系统设置里对当前浏览器或文件管理器开启「允许安装应用」。
  4. 打开并授予权限首次启动会请求相机与相册权限,仅在你主动取色时使用,可随时在系统设置里收回。
  5. 试取第一个颜色进入取色页,对准任意画面按下取色键,确认色值正常显示即安装完成。

iOS 版

  1. 确认系统版本iOS 14 及以上可在 App Store 搜索安装,更早版本功能会受限。
  2. 点上方「iOS 下载」跳转 App Store 页面,核对应用名称与开发者信息后再点「获取」。
  3. 等待下载完成安装完成后图标出现在主屏,首次打开会请求相册与相机权限。
  4. 完成引导设置按引导选择默认色值格式(Hex 或 RGB),后续取色会优先显示你常用的一种。
  5. 开始取色从控制中心或应用内快捷入口进入取色器,即可对屏幕画面取色。
安装失败怎么办? Android 端最常见的原因是系统拦截了未知来源安装,去「设置—应用管理—特殊权限」里放行即可;存储空间不足也会导致安装包解析失败,先清出至少 200 MB 空间再试。iOS 端若卡在「正在等待」,检查网络后重启 App Store 进程通常能解决。如果反复失败,把机型和系统版本发到反馈邮箱,我们会记录并在版本说明里跟进处理。
06 / OVERVIEW

取色一些可核对的基本情况

下面的数字是产品侧给出的区间估算,用于说明规模量级,不作为精确统计口径引用。

v3.2.0当前版本
≈38 MB安装包体积
4 种同步输出色值格式
2026-10-09最近更新日期
07 / CHANGELOG

版本更新日志

每个版本改了什么,逐条写清楚,不写「优化体验」这种含糊话。

  1. v3.2.0 · 色板导出新增 CSS 变量格式;对比度检查支持同时预览三组前景背景组合。
  2. v3.1.2 · 修复部分 Android 机型在放大取色时色值偏移的问题;取色历史记录上限提高到 500 条。
  3. v3.1.0 · 新增 CMYK 换算结果展示;色板支持拖拽排序与批量重命名。
  4. v3.0.0 · 界面重构,取色器与色值换算合并到同一页面;引入离线缓存机制。
08 / FAQ

常见问题

下载前最常被问到的六个问题,答案只写能确认的部分。

取色 App 是否收费?

取色 App 本体免费下载与使用,取色、色值转换、色板管理等核心功能不设付费墙。页面上没有标注价格的功能均按免费说明,若未来引入增值项会在此页明示,不做隐藏收费。

取色支持哪些手机系统?

取色同时提供 Android 与 iOS 两个版本。Android 建议 8.0 及以上,iOS 建议 14 及以上。低于该版本的老机型可能可以安装,但部分依赖系统色彩管理接口的功能会受限,这一点我们不做夸大。

取色 App 安全吗,会不会读取我的照片?

取色只在你在应用内主动选择图片或调用相机时申请对应权限,取色计算在设备本地完成,不上传原图。权限与隐私说明页会逐条列出申请项与用途,可自行核对。

取色如何更新到新版本?

Android 端可在应用内「设置—检查更新」手动触发,iOS 端在 App Store 的更新列表里刷新即可。更新日志会列出每个版本的改动点,不确定要不要升可以先看日志再决定。

取色占用多大存储空间?

安装包约 38MB,安装后加上缓存通常占用 60MB 上下,历史色板与导出文件另计。若长期不清理截图缓存,体积会缓慢增长,可在设置里一键清理。

使用中遇到问题怎么反馈?

可通过本页「联系我们」板块的反馈邮箱提交,建议附上机型、系统版本与复现步骤。我们不会承诺具体修复时间,但会逐条记录并在版本日志里说明处理结果。

09 / ABOUT

做这个工具的人,以及我们的边界

团队背景

曲色取色由一个小团队维护,成员此前做过界面设计、前端开发和印刷色彩对接。取色这个工具最早是为了解决自己截图取色时来回切软件的问题,后来才整理成独立 App。功能迭代优先听使用者反馈,而不是按排期堆功能。

我们的编辑态度

本页不展示无法核实的数据与评分,信息尚未确认时保持空缺,不做猜测补齐。我们不提供盗版、破解或侵权传播路径,所有关于精度、系统兼容性的说法都以官方公开资料和实际测试为准,能确认才下结论,确认不了就直说。

10 / CONTACT

联系我们

客服支持:support@qu-se.cn
商务合作:biz@qu-se.cn
问题反馈:feedback@qu-se.cn
运营主体:曲色取色 QU-SE · 在线服务

用得不顺手、发现色值有偏差、或者想要某个新功能,都欢迎来信。附上机型和复现步骤,我们会认真看每一条。