界面中性灰阶
十一级暖中性灰,覆盖底色、分隔线、次级文字到正文墨色,是一套界面里面积最大的那部分。
每一套都不是五个好看的色块,而是一组分好角色的取值:哪个只能当底、哪个是文字下限、哪两个不能相邻。页面上的对比度都是按这些值实算的。
| 如果你在做 | 先看哪一套 |
|---|---|
| 一个新产品的界面 | 界面中性灰阶打底,再加暖调品牌色组或冷调科技色组之一 |
| 报表、图表、仪表盘 | 数据可视化定性色序,配界面中性灰阶 |
| 文档站、博客、长文页 | 低饱和阅读色组 |
| 给已有界面加深色主题 | 暗色模式色板 |
先定角色清单(底、线、文字三级、语义色),再按角色去取值,而不是先挑颜色再找用途。每定下一组就用对比度工具把文字与底色的组合逐对算一遍,不达标的直接改数值。
所有方案都是本站原创取值,可以自由取用。页面上的对比度与色差都是构建时按这些十六进制实算出来的,你可以在工具页里自己复核。