Appainter

以種子色調整 Flutter Material 主題，對照元件預覽，再匯出 JSON 設定。

• 介面
• 更新：2026-10-17

前往 Appainter 官方網站

Appainter 能做什麼？

Appainter 是 Flutter Material 主題編輯器。Basic 頁面提供種子色與配色欄位，旁邊的預覽則展示按鈕等元件，方便比較調整前後的樣子。

本次實測聚焦 Material 3 淺色主題的配色與 JSON 匯出，沒有測試 Advanced 的個別元件設定。

為何收錄

只看色碼，很難想像它們放進同一組元件後是否合適。先在預覽裡比較主色、容器色與按鈕，再把設定帶回專案，能讓配色討論更具體。

適合的工作

適合整理 Flutter 介面配色的開發者、需要與工程端討論 Material 主題的設計師，以及想理解種子色如何影響元件外觀的人。

可以怎麼用

本次在 Basic 保持 Material 3 開啟、主題為淺色，選擇 Red [500] 色票，種子色變成 #F44336。Primary 更新為 #904A42，旁邊的按鈕預覽也跟著改變。

按下 Export 後取得 appainter_theme.json。檔案可解析為 JSON，其中 useMaterial3 為 true、brightness 為 light，colorScheme.primary 為 #ff904a42。

使用前留意

本次匯出的是 JSON，不是已在專案驗證的主題。官方使用說明示範以 json_theme 載入，並提醒 Flutter 版本可能影響相容性。本次未測試 Advanced、JSON 匯入、深色主題、字型或實際 Flutter 專案整合。