You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

十六进制颜色色阶命名标准及同色系统一命名生成工具咨询

颜色色阶命名逻辑及生成方案说明

一、色阶命名的通用标准

你遇到的两个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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 17:09:02