颜色系统
最后更新于
这有帮助吗?
最后更新于
这有帮助吗?
我们使用 APCA (Advanced Perceptual Contrast Algorithm, 先进感知对比算法) 测量前景色与背景色的对比度,并以相较于参考值降低 15% 为最低可容忍的对比度,以平衡无障碍与个性。
在大多数情况下,参考值是字号 16px,字重 400 下 APCA 速查表中的对比度参考值,即 90 Lc。因此,降低 15% 意味着在大多数情况下,设计选用的颜色组合的对比度绝对值应达到至少 76.5 Lc。
我们使用 #18181B, 即 rgb(24 24 27) 作为深色模式下的背景色,而使用纯白色 #ffffff,即 rgb(255 255 255) 作为浅色模式下的背景色。
用于生成色卡的基色为 #ee0000, 即 rgb(238 0 0)。它将会作为 Seed Color 在 中生成色卡。
对于深色模式,我们使用 #ffc1b8, 即 rgb(255 193 184) 作为主题色。该颜色在色卡的 Primary Color (#ffb4a8) 上做出了略微调整,使其与背景的对比度达到 Lc 76.5。
对于浅色模式,我们使用 #904b40, 即 rgb(144 75 64) 作为主题色。