全部指南
同一套品牌色,搬到 APP、Web 和小程序要改什么
三端都是十个颜色角色,但没有一个角色名通用。用库内 100 套配色实测:Web 的交互态压深多少、APP 的深浅变体怎么展开、小程序的强调色为什么叫 price,以及深色主题里 primaryLight 会反过来这件事。
约 1600 字次级文字那一层,四成过不了 4.5:1
库内 69 个次级文字层,27 个低于 4.5:1,最低 3.25:1,而主文字层一个都没低于 13:1。差别不在设计水平,在于这一层没有闸门守着。附三条可执行的改法。
约 1700 字卡片、分割线和禁用态:配色里看不见的三层
边框与底色中位 1.21:1,卡片与底色 1.04:1,禁用态 1.59:1,前两层全库没有一套达到 1.5:1。它们在色值上几乎不存在,界面却看起来有层次,因为分层靠的是位置与阴影。附只能交出颜色时的三个可用阈值。
约 1500 字你的浅色背景其实不是带色的
按 HSL 饱和度看,站内 38 套配色的背景「明显染色」;按 Lab 色度看,这批的实际强度只有 1.03,肉眼等于纯白。全库 100 套里真正看得出带色的只有 9 套。同一个色相下把饱和度从 30 拉到 90,色度只涨 2.6 倍;明度从 98 降到 90,色度涨 4 倍多。附可用的色度窗口。
约 1600 字
为什么只有这几篇
因为只有这几个问题,本站的数据能给出别人给不出的答案。配色理论、色彩心理学、品牌色怎么选,这些题目写出来只能是二手总结,站上已经够多二手内容了。判断标准是一条:这篇里的每个数字,能不能在本站库内复算出来。不能的就不写。
这些数字背后的阈值与计算方式,写在 编辑标准,每套配色的详情页上也直接列着它自己的实测值。