配色產生器 首頁

配色產生器

隨心編輯每個顏色,產生新的顏色搭配,再把配色匯出成 HEX、CSS、Tailwind 或 JSON。

更多免費工具

查看所有免費工具 →

免費線上配色產生器

幾秒鐘就能做出好看的顏色搭配:按空白鍵產生新的配色,鎖定喜歡的顏色,再微調其他顏色,直到找到最完美的組合。可以一鍵複製 HEX 色碼,或把配色匯出成 CSS、SCSS、Tailwind、JSON,用在網站、Figma、Canva 或任何設計專案。完全免費,不需要註冊帳號。

如何建立配色

  1. 產生按空白鍵或「產生」按鈕,就能看到新的顏色搭配。
  2. 鎖定點擊鎖頭圖示,固定想保留的顏色。
  3. 微調點一下顏色即可用取色器修改、移動位置或移除。
  4. 匯出複製 HEX 色碼、下載圖片,或用「匯出」輸出成 CSS、SCSS、Tailwind 或 JSON。

你可以做什麼

更多色彩工具

常見問題

配色產生器是免費的嗎?

是的。你可以免費建立、儲存和匯出任意數量的配色,也不需要註冊帳號。

怎麼把配色用在 Figma、Canva 或 CSS?

複製每個顏色的 HEX 色碼貼到你的工具裡,或按「匯出」取得 CSS 變數、SCSS 變數、Tailwind 設定或 JSON 檔案。

怎樣才能做出好看的顏色搭配?

先鎖定一兩個喜歡的顏色,再產生其餘顏色:配色產生器會提出跟它們協調的色調。你也可以用「從圖片取色」工具,從照片開始配色。

我的配色會被儲存嗎?

加入「我的最愛」的配色會儲存在你的瀏覽器中,只要用同一台裝置回來就能找到。

匯出配色