🎨 Material Design Color Palette

Browse the full Material Design palette of 19 colour families at 10 shades each and click a swatch to copy its HEX value.

📐 计算公式 / 原理

Material Design 色板共 19 色系 × 10 阶（50–900 及 A100–A700），点击色块可复制对应 HEX；用于遵循 Material 设计规范的配色。

🎨 示例色系（一键筛选常见搭配）：

📚 深度解析：Material Design 配色板

浏览 Primary 色阶

输入：选 Primary 色。处理：列 50~900。输出：色块与 HEX 可复制。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

和 Tailwind 一样吗？: 档位概念类似但数值不同，按所用体系取。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
两种色对比度不够会提示吗？: 会按 WCAG 算出对比度值与等级，未达标会标红提醒，便于及时换色或调深。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。