Material Design 配色工具翻译站点

Material UI Colors是一个轻量级的Material Design配色参考工具，帮助设计师快速选择和预览符合Material规范的色彩方案。

配色是设计师的日常难题之一。Google的Material Design规范定义了一套非常科学的色彩体系——每种主色都有从50到A700的渐变层级，既保证了视觉统一性，又留出了足够的灵活度。Material UI Colors这个网站把这套配色体系做成了即点即用的色板：点一种颜色，立刻看到它从浅到深的全部色阶。

这个网站的实用之处在于它的「对比度预览」——当你选了一组颜色做主色和强调色，它会自动显示这些颜色在白色和深色背景上的对比情况。这对做无障碍设计（WCAG标准）来说非常必要。下载功能也很方便：可以直接复制十六进制色值，或导出为SCSS变量文件，直接粘贴到项目里就能用。不需要登录、不需要付费，一个纯粹的配色参考工具。

前端开发者和UI设计师的日常小工具。在你纠结「这个按钮该用什么蓝色」的时候，打开它点两下，比在色轮里来回拖快得多。