深酒红色调的桌面工作台上摊开色卡与手机,暖光从侧面打进来,营造安静的配色推敲氛围
Mobile Release · 2026

配色网站 App

把取色、配板、对比度自检装进口袋。拍一张照片就能拆出整套色值,出门在外也不用抱着电脑调色。

支持 Android 8.0+ / iOS 14+ · 约 38 MB · 当前版本 v3.2.0 · 更新于 2026 年 11 月

手机屏幕上展示从一张街景照片里提取出的六色色板,暖橙与冷蓝并排排列
照片取色
手机界面中一列色卡按明度从深到浅排开,旁边标注着十六进制色值
色板生成
手机屏幕显示文字与背景的对比度检测结果,绿色通过标记清晰可见
对比度自检

配色网站先看界面,再决定装不装

下面五张是 App 里最常用的五个页面。我们没做美化渲染,就是真机截下来的样子——你看得顺眼再动手装,比装完发现不合手要省事得多。

配色网站 App 首页界面,顶部是相机取色入口,下方排列最近使用过的三套色板缩略图
首页:相机取色入口 + 最近色板
图片取色页面,一张风景照片上散布着多个吸管标记点,底部浮出取到的色值列表
取色:图上打点,实时出值
色板生成页面,以一枚主色为基准自动排出互补、邻近、三分等五组配色方案
配板:一枚主色,五种关系
对比度检测界面,前景色与背景色上下叠放,下方显示对比度比值与是否达标的判定
自检:对比度比值与判定
导出页面,一套色板以 HEX、RGB、HSL 三种格式列出,可复制或分享成图片
导出:多格式一键复制

配色网站手机上能干的四件事

不吹「全能设计工具」。配色网站 App 只解决四类具体问题,每一条都能当场验证。

对着实物直接取色

路过一面好看的墙、一件衣服的配色,举起手机对准就能拆出主色和辅色,不用先拍照再导进电脑。光线偏的时候可以锁定白平衡再取,色值更接近肉眼所见。

配色网站一枚主色推出一整套

给出一个主色,自动排互补、邻近、三分、单色明度阶。每套方案都标了深浅层级,直接拿去当界面底、卡片、描边的分层用色,省掉反复试色的来回。

文字能不能看清,当场算给你

选好前景和背景,直接给对比度比值,并提示正文、大标题、图形元素各自是否达标。改到不达标时它会变红提醒,比凭感觉判断靠谱。

配色网站色值随手带走

HEX、RGB、HSL 三种格式一键复制,也能把整套色板生成图片分享给同事。做 PPT、发群里对稿、写进设计说明,都不用再手抄一遍数字。

实操示范

一次真实的取色过程:从一张咖啡店照片到一套可用的界面配色

假设你路过一家店,觉得它的门头配色很舒服,想搬到自己做的活动页上。整个过程大概两分钟。

输入

用 App 拍下门头,画面里有深木色门框、米白墙面和一块砖红色招牌。取色时分别点在门框、墙面、招牌三处。

得到

三枚主色被识别出来,App 自动补出各自的明度阶,凑成一套 9 色板;再把砖红当强调色,米白当底,深木色当文字色。

结果

用对比度检测一测,深木色文字压在米白底上比值约 9:1,正文读起来很稳;砖红只留给按钮,避免大面积使用导致刺眼。

#6B3A2A #F0E6D8 #A8362F #D9B46A #2A0715

三类人,三种用法

同一款 App,做运营的、做设计的、写代码的,打开它的理由并不一样。

配色网站做活动运营的你

临时要出一张海报,没有设计师排期。用 App 从品牌物料里取主色,生成一套配色,再自检标题与底色的对比度——原本要来回问人的事,通常十来分钟就能定稿,返工次数明显少。

接私活的设计师

客户说「要高级一点但别太冷」。你现场从客户的产品照片里取色,当场展示三套方案让他选,把「我觉得不好看」这种没法落地的反馈,变成「选第二套」这种能推进的决定。

配色网站写前端和做小程序的你

手上有色值但不确定深浅够不够分层。App 里一测就知道正文与背景是否达标,还能顺手复制 HEX 粘进样式表,少一次在浏览器和取色器之间来回切窗口。

配色网站装不上多半是这几步出了偏差

按顺序走一遍,绝大多数人五分钟内能装好。如果中途卡住,先对照下面的提示自查,再考虑发邮件。

安卓手机

  1. 点本页上方的「Android 版」按钮,跳转到下载入口。
  2. 若系统提示「未知来源应用」,到设置里允许当前浏览器安装应用,再返回继续。
  3. 下载完成后点安装包,等待校验结束,点「安装」。
  4. 首次打开时允许相册与相机权限,取色功能才能正常读取照片。
  5. 进入设置把「自动检查更新」打开,之后就不用再手动找新版本。
装到一半提示「解析包出错」,通常是安装包没下完整。删掉重下一次即可,别急着换渠道。

iPhone

  1. 点本页上方的「iPhone 版」按钮,跳转到 App Store 页面。
  2. 确认页面显示的系统要求是 iOS 14 及以上,低于此版本不会出现下载按钮。
  3. 点「获取」并完成面容或密码验证,等待下载安装。
  4. 首次打开时选择允许访问照片,取色时就能直接从相册选图。
  5. 到 App Store 账户页下拉刷新,可手动检查是否有新版本。
如果按钮一直转圈,先检查网络是否为蜂窝数据受限状态,切到 Wi-Fi 再试一次通常就好了。
补充一句实在话:我们不提供破解版、去广告版或任何修改过的安装包,也不会为第三方站点的下载文件背书。装在手机里的东西,来源清楚比省事更重要。

版本改了什么,逐条写清楚

只列用户能感知的变化。底层重构之类的技术细节不占篇幅,想看可以发邮件问。

  1. v3.2.0

    取色时新增白平衡锁定,暖光或冷光环境下取到的色值更接近肉眼判断;色板导出支持一次生成多套方案的长图。

  2. v3.1.2

    修复部分安卓机型在相册大图取色时闪退的问题;对比度检测结果页增加达标说明,不再只给一个比值。

  3. v3.1.0

    新增邻近色与三分色的明度分层,色板可以直接按层级取用;首页最近色板的排序改为按使用频率。

  4. v3.0.0

    整体界面重做,取色、配板、自检合并到同一套流程里;安装包体积缩小约四分之一,老机型打开更快。

配色网站权限、数据与你的照片

这块写得直白一点,因为很多人装完第一件事就是担心相册被上传。

申请了哪些权限

相机用于现场取色,相册用于选图取色,两者都只在你自己触发取色时才会调用。除此之外不申请通讯录、短信、通话记录等与功能无关的权限。

配色网站照片会不会被传走

取色计算在手机本地完成,照片不会因为取色被上传。只有你主动点「云端同步」保存色板时,才会把色值数据同步到账号下,同步的是数字,不是原图。

不想留痕怎么办

不登录也能用全部核心功能,本地保存的色板只存在这台手机上。清除缓存会删掉临时图片,已保存的色板不受影响;彻底删除可在设置里一键清空。

配色网站一些规模数字,以及它们的边界

下面这些是编辑组内部统计的口径,用来让你对 App 的成熟度有个大致判断。

38 MB安装包体积
4 种核心功能模块
3 种色值导出格式
约 2 分钟完成一次取色到配板

说明一下:我们刻意没在这页放「下载量破百万」「用户好评率 99%」这类数字。没有可公开核验的来源,写了也只是好看。评分和具体安装量请以你手机里应用商店显示的为准,那是最准的。

遇到问题,按这几条线找我们

邮件是我们主要的沟通方式,工作日内通常一两天内回复。写信时把机型、系统版本、复现步骤写清楚,来回次数会少很多。

配色网站编辑组 · 中国杭州

配色网站装之前,大家最常问的七个问题

每条先给结论,再看细节。看完还有疑问,直接写信过来。

配色网站 App 是免费的吗?

是免费的。取色、生成色板、对比度检测这些核心功能都不收费,也没有强制登录;只有少量云端同步类功能会提示可选项,你完全可以不开启。

我的旧手机能装配色网站 App 吗?

一般可以。安卓需要 8.0 及以上,iPhone 需要 iOS 14 及以上;低于这两个版本时应用商店不会显示下载按钮,建议先升级系统再试。系统升级不了的老设备,用网页版也能完成取色和配板。

从第三方渠道下载的安装包安全吗?

不确定。请优先用本页按钮或手机自带应用商店下载;第三方站点的安装包可能被二次打包,我们无法为其安全背书,也不提供破解或修改版。

装了 App 之后还需要用网页版吗?

看场景。手机上随手取色、拍照配色用 App 更顺手;需要整理大图、批量导出多套方案时,网页版的大屏操作会更方便,两者数据不冲突。

App 占多大空间,会一直变大吗?

安装包约 38MB,装好后通常占 60~90MB。变大的主要原因是本地缓存的图片,在设置里清理缓存即可回落,不影响已保存的色板。

怎么更新到最新版?

安卓在应用商店里开启自动更新,iPhone 在 App Store 的账户页下拉刷新即可看到更新项;也可以回到本页查看版本说明,确认新版本改了什么再决定。

遇到问题怎么反馈?

发邮件到 help@peiseiwangzhan.cn,写清机型、系统版本和复现步骤;如果是功能建议发到 idea@peiseiwangzhan.cn,违规内容举报发到 complaint@peiseiwangzhan.cn。

设计工作室
校园社团
自媒体团队
小型电商
独立开发者

上面是常见的使用场景类型,不是具体机构名单。涉及第三方名称与授权,我们只在取得许可后才展示,未确认的一律留空。