🎨 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 算出對比度值與等級，未達標會標紅提醒，便於及時換色或調深。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。