LogoLogo
中文
中文
  • 欢迎
  • 关于
    • 关于本项目
    • 收录范围
  • 技术架构
    • 概览
    • Crawler 模块介绍
    • 数据库结构
      • 歌曲类型
      • snapshot_schedule 表
    • 机器学习
  • API 文档
    • 目录
    • 视频快照
  • 参考
    • 颜色系统
    • 关于 APCA
  • 开发指南
    • 版本控制
由 GitBook 提供支持

如无特别声明,内容基于 CC BY 4.0 许可。

在本页
  • 对比度
  • 背景色
  • 基色
  • 主题色

这有帮助吗?

在GitHub上编辑
  1. 参考

颜色系统

上一页视频快照下一页关于 APCA

最后更新于1个月前

这有帮助吗?

对比度

我们使用 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) 作为主题色。

Material Theme Builder