什麼是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)作為滑鼠懸停背景色。

相關工具