Material 调色板生成器 – 创建 50–900 色阶
Material 调色板生成器基于基色和 OKLch 明度渐变创建 10 步 Material Design 风格色阶,从 50 到 900。设置可用选项,生成调色板,然后点击任意色阶复制其值。将结果用于 Material 主题,或为测试、夹具和种子数据准备颜色值。
Material 调色板生成器是一款基于浏览器的工具,可从基色创建 Material Design 风格色阶。它生成从 50 到 900 的十个标注步骤,让您无需手动选择每个数值即可构建 Material 调色板。可以用它为主题、开发数据或视觉实验创建色阶。
生成器使用 OKLch 明度渐变生成色阶。首先设置可用选项并生成调色板;每个结果都按色阶标注,如 50、100 或 900。点击色阶复制其值,然后粘贴到需要的地方。该流程支持复制单个值,用于 Material 主题、测试、夹具或种子数据。
单个基色只是一个值,而调色板色阶提供一组相关的步骤,可满足主题或项目中的不同需求。Material 调色板生成器创建十个步骤,而不是让您手动编造颜色值。数字标签让选择和引用色阶中的特定点变得直观。
工具完全在浏览器中运行:输入在您的设备上处理,不会发送到服务器。无需注册,页面加载后,生成器无需服务器连接即可离线工作。适合准备主题值、测试数据、夹具、种子数据或颜色样本的开发者和 DevOps 工程师。
步骤 1:生成调色板前先设置可用选项。工具根据您的设置创建色阶。
步骤 2:从基色生成调色板。结果是 10 步 Material Design 风格色阶,标注为 50、100,直至 900。
步骤 3:查看生成的颜色值,找到主题、测试或其他项目数据需要的色阶。
步骤 4:点击调色板色阶复制其值,然后粘贴到 Material 主题或项目中。
使用场景:为测试、夹具或种子数据准备 Material 调色板值。生成的色阶为您在开发中使用提供一组一致的颜色步骤。
使用场景:一次性生成一批颜色值,而不是手动编造数值。这可以更快地为项目准备调色板数据。
使用场景:当需要用于示例数据或实验的颜色时,获取真正随机的颜色值,而不是键盘上敲出的猜测值。
使用场景:从基色构建 Material 主题。50–900 色阶提供可复制到主题中的多个步骤。
使用场景:为原型或视觉测试创建颜色值。按需复制单个色阶,无需手动重建色阶。
使用场景:为开发工作准备可重复的一组调色板值。标注的步骤便于识别和复用所需的颜色。