配色研究所

配色研究所

调色、对比度、渐变,全离线

纯血鸿蒙 ★ 0 518 下载 工具 手机 · 折叠屏

基本信息

应用IDC6917617008938357222
包名com.wangqiwei.colorlab
版本1.0.0
开发者汪奇伟
分类工具 / 工具
大小0.3 MB
价格免费
上架时间2026-09-22 20:51
更新时间2026-09-22 20:51
发布地区PS, AO, AF, IQ, BF, BI, BJ, BW, TD, CG …
隐私政策查看
SDK / API Level 说明
  • 最低SDK(minsdk):18 — 应用运行所需的最低 HarmonyOS SDK 版本号
  • 目标SDK(target_sdk):21 — 应用编译时面向的目标 SDK 版本号
  • API Level(min_hmos_api_level):50100 — 应用要求的最低鸿蒙 API 级别(如 50000 = 5.0.0.0,50005 = 5.0.0.5,50101 = 5.0.1.1)

更新日志

首个版本。

· 调色板:一个基色 + 一条和谐规则生成整套配色;含同类色 / 邻近色 / 互补色 / 分裂互补 / 三角配色 / 四角配色
· 调色板:滑杆调 HSL、输入 HEX、12 格色相环点选换色相;色卡上的字按底色自动选黑或白
· 取色器:同一颜色给出 HEX / RGB / HSL / HSV / CMYK 五种写法,逐行可复制
· 取色器:11 档明暗梯度、两色混合(选第二色 + 拖比例)、最接近的颜色名
· 对比度:按 WCAG 2.1 算比值(伽马线性化 + 人眼加权),判定 AA ≥4.5 / AAA ≥7 / 大字 ≥3
· 对比度:带真实排版的样例;「修正到达标」只调明度不动色相 —— 不把颜色换掉
· 渐变:线性(可调角度)与径向,色标可增删改位置(2–6 个),直接给出可粘贴的 CSS
· 渐变:8 套预设(暮色 / 日落 / 深海 / 极光 / 蜜桃 / 墨纸 / 冰蓝 / 琥珀)
· 收藏配色与单个颜色,「我的」里按收藏顺序列出;色值显示可切 HEX / RGB / HSL
· 全部换算与判定在本机完成,不联网、不申请任何权限、不采集任何信息

应用介绍

选一个基色 → 得到一整套配色 → 顺手确认「这段字在这块底色上到底看不看得清」。全部在本机算,不联网、不申请任何权限。

做界面时那些反复出现的小问题,本应用把它们放进四页里一次解决:配色怎么配、这个色怎么叫、这行字看得清吗、渐变怎么写。颜色换算、对比度计算与渐变生成都在设备上完成,不把任何一个色值送出去。

调色板 —— 一个基色 + 一条规则,得到五种配色。

先定一个基色(滑杆调色相 / 饱和度 / 明度,或直接输入 HEX,或用 12 格色相环点一下换色),再挑一条和谐规则,五格色卡立刻出来。规则覆盖色相环上几种通行取法:同类色(同一色相,靠明暗拉层次,最稳)、邻近色(相差 30° 上下,过渡最柔)、互补色(正对面 180°,冲撞最强)、分裂互补(避开正对面取 150° 与 210°,比互补好驾驭)、三角配色(三等分 120°,三个色地位平等)、四角配色(四等分 90°,颜色最多也最难配)。

色卡第一格永远是你选的基色本身(标着「基色」),后面几格标着各自的角度偏移(`+90°` 这种)。色卡上的字会按底色自动选黑或白 —— 写死一种的话,浅色卡上的字就会看不见。

取色器 —— 同一个颜色的几种说法,随手取走。

一个颜色在这里同时写成 HEX / RGB / HSL / HSV / CMYK 五种说法,每一行后面都有复制按钮。下面还有两件常用的事:11 档明暗梯度(同一色相从很浅到很深,做界面的层级最常用,点任意一格直接复制);两色混合(选第二个颜色 + 拖比例,实时看到混合结果)。

颜色名会给出最接近的常用叫法,例如「接近天蓝」。距离较远时界面写「接近 ××」而不是直接断言 —— 远看像不代表就是那个色。

对比度 —— 文字和底色到底能不能看清。

前景 / 背景两格点一下选谁,下面滑杆就调谁。比值实时算出来,并逐条判定 AA(≥4.5)/ AAA(≥7)/ 大字(≥3),还配了一段真实排版的样例(正文 13 号、大字 19 号加粗)——数字达标和看着舒服不是一回事,两样都给你看。

算法是 WCAG 2.1 的通行做法:先把每个通道做伽马线性化,再按人眼敏感度加权(绿 0.7152 / 红 0.2126 / 蓝 0.0722),最后 `(亮+0.05)/(暗+0.05)`。这两步都不能省 —— 省掉线性化算出来的对比度会明显偏乐观。

「修正到达标」只调明度,不动色相与饱和度。 背景亮就往暗里调前景、背景暗就往亮里调;只有调到纯黑或纯白仍不达标,才会再降一点饱和度。刻意不换色相:换个色相等于换了个颜色,那就不是你想用的那个色了。

渐变 —— 两个以上的颜色,按位置过渡。

线性(可调 0–360° 角度)与径向两种;色标可以增删、每个都能独立拖位置(最少两个、最多六个 —— 少于两个不成渐变);8 套预设(暮色 / 日落 / 深海 / 极光 / 蜜桃 / 墨纸 / 冰蓝 / 琥珀)点一下就套上;最后给出可直接粘贴的 CSS,一个按钮复制走。

为什么值得装:

- 不联网。 包里没有任何需要联网的组件,断网、飞行模式下完全可用。你输入或点选的色值只在当前页面内存里参与计算,不会离开设备。
- 零权限。 不申请任何权限 —— 不读相册与文件、不用相机与麦克风、不获取位置,没有账号。不读取也不写入任何图片文件:全部配色由 Canvas 2D 与 CSS 现场绘制,没有素材图、没有相册读写,所以它不需要相册权限。
- 不采集。 没有统计埋点,没有第三方 SDK,没有广告。收藏的配色与颜色、显示格式只写在本机。
- 能看懂,也知道边界。 配了一页「使用说明」,九个条目讲清配色规则各是什么意思、色卡上的字为什么有时黑有时白、对比度那几个数怎么读、「修正到达标」到底动了什么、五套色值各自用在哪、颜色名怎么来的、明暗梯度与渐变色标怎么理解。它诚实写明:对比度达标只说明「能看清」,不代表配色好坏;CMYK 只能近似,屏幕色域比印刷宽,正式印刷请以打样为准;颜色名只是日常叫法,不是权威色彩命名。
- 手机平板都合适。 手机上单列铺满;平板上内容列限宽 900vp 居中,底部原生标签栏的内容带也一起限宽对齐,不是"看起来还行"。

> ⚠️ 本应用给出的是参考值,不是设计规范的裁决,也不构成印刷、工艺或无障碍合规的认证结论。色值换算结果受色域差异限制,CMYK 转值仅供预览;实际生产请以打样与实测为准。

下载量趋势

同类应用(工具)

查看全部 →

同一开发者(汪奇伟)

查看全部 →