十六进制颜色色阶命名标准及同色系统一命名生成工具咨询
颜色色阶命名逻辑及生成方案说明
一、色阶命名的通用标准
你遇到的两个Red700色值不一致的核心原因:#D32F2F是Material Design 2官方预设的默认红色系700色阶值,而Jetpack Compose Codelab中使用的是自定义基准色生成的专属红色调色板,因此同名色阶数值存在差异。
目前行业通用的色阶命名规则源自Material Design体系,逻辑如下:
- 色阶以数字标识,常用序列为50、100、200、300、400、500、600、700、800、900,部分调色板还会补充0(纯白)、1000(纯黑)以及A100/A200/A400/A700系列强调色色阶
- 数字大小对应颜色明度:数字越小明度越高、颜色越浅,数字越大明度越低、颜色越深。比如同色系下Red50是最浅的淡红色,Red900是最深的暗红色
- 注意:只有官方预设的基准色系同名色阶值是固定的,基于自定义基准色生成的同色系色阶,同名色阶数值会随基准色变化,不存在全行业统一的Red700固定色值
二、统一命名色阶的生成工具
你可以用以下两类工具生成符合规范的同色系色阶:
- Android Studio内置的Material Theme Editor:选定基准色后会自动生成全套对齐Material命名规范的色阶,还可以直接导出为Jetpack Compose可用的Color定义代码
- 支持Material Design规范的在线色阶生成工具:输入你需要的基准主色,即可自动生成命名统一、深浅过渡自然的同色系全套色阶
内容的提问来源于stack exchange,提问作者Tonnie
相关产品推荐
相关产品推荐

