什么是Material Design 取色器？

Material Design 取色器提供完整的 Material Design 调色板，涵盖所有主色及其色阶变体（50 至 900）。点击任意色块即可获取精确的 HEX 值，可直接用于设计系统或代码中。

使用方法

1. 浏览展示所有 Material Design 主色的色板——红色、粉色、紫色、深紫、靛蓝、蓝色等。
2. 点击任一主色展开从最浅（50）到最深（900）的色阶变体，以及强调色阶（A100–A700）。
3. 点击任意色阶复制其 HEX 色值，或选择多个颜色为您的项目构建调色方案。

结果

您正在构建一个仪表盘，需要精确的 Material Design Indigo 500（#3F51B5）作为主按钮颜色，以及 Indigo 50（#E8EAF6）作为悬停背景色。

相关工具