2023 Material Design配色懶人包，推薦清單整理

Material Palette 是一款提供Material Design 配色的線上工具，它的用法很簡單，你只要找出想要搭配的兩種顏色，它就會顯示出兩種顏色搭配在一起的效果預覽，並提供你 ...

使用教學 STEP 1 開啟 Material Palette 網站後，任意選擇兩種顏色，它就會自動搭配、並顯示在結果頁面的預覽圖裡（如下圖），這時候你可以判斷看看顏色是不是你喜歡的，或者繼續點選左邊的色塊來選擇其他配色選項。 STEP 2 Material Palette 除了提供顏色的大方向供使用者選擇、測試外，也會提供更深、更淺的顏色組合，以及可以用於文字、圖示、分隔線、主要文字、次要文字等等的配色建議。 STEP 3 如果想保留下當前的調色盤配色組合，點選「 Download 」後會出現許多格式，

2016年12月30日 — 摘要：精选10个MATERIAL DESIGN 配色相关的站点，方便日常设计随手取用。 Material Palette. 在这个工具中，你可以先选择主色和重点色。

The Material Design color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different wa

若想用Material-UI 文档来测试material.io/design/color 的配色方案，只需使用下面的调色板和滑块来选取颜色即可。 另外，您也可以在主要（Primary）和次要（Secondary） ...

checkdeep purple. checkindigo. checkblue. checklight blue. checkcyan. checkteal. checkgreen. checklight green. checklime.

预览UI 的颜色. 通过一系列的Material Design 组件，来预览配色方案的效果，并可以在Codepen 中编辑HTML、CSS 和JavaScript。

Material Design的色彩指南将其颜色风格描述为“受到柔和环境，深色阴影和明亮亮点并置的大胆色调的启发。 ” 越来越多的网站和App在设计中运用到材料设计，并趋向于使用谷歌官方的材料设计色彩搭配。 Material design的颜色概念大多借用了扁平设计的趋势。 它配色大胆明亮。 字体排版也跟simple sans serifs字体一样遵循扁平主题。 根据Material design的官方文件： “色彩从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单

2018年4月29日 — 越来越多的网站和App在设计中运用到材料设计，并趋向于使用谷歌官方的材料设计色彩搭配。Material design的颜色概念大多借用了扁平设计的趋势。它配色大胆 ...

2016年7月26日 — Material Design 里的调色板工具将色彩描述为“受大胆排列色块并结合柔和的环境、深阴影和亮高光而产生的灵感”。 这周我们专门为设计导航的配色类目 ...

2016年7月27日 — 在Material Design 风格中，如何大胆、灵活的使用色彩组合是一项很有挑战性的任务，今天这10款Google Material Design 专用的配色工具， ...

2017年4月8日 — Material Design 团队在近期发布了一个非常强大的配色工具Color Tool，经过试用，该工具相当简单易用，方便快捷。 首先，它能够迅速采用Material ...

首先，它能够迅速采用 Material Design 的官方色板进行配色。 使用方法非常简单，只要选中右边的 Primary 以及 Secondary ，然后在上方选择对应的颜色，就能够生成左侧的样式，同时还能调整文本颜色。 并且通过切换左侧预览图可以查看多种 Material Design 布局下整体的效果。 选择好配色以后，你还能在左侧的 Accessibility 中查看当前配色下的文本特性，包括半透明度、尺寸等。 当然，除了调用 Material Design 的官方配色外，你还能通过 Custo