PaletteMaker 線上免費配色工具，產生多種搭配色調可直接預覽範例，並提供 4 種色碼下載與顯示方式

2 分鐘閱讀

「調色盤」是一種設計工具，幫助設計師或任何人建立美觀且協調的色彩方案。隨著數位技術的進步，如今有許多免費的調色盤工具可以在線使用，其中「PaletteMaker」是一個優秀的選擇。

「PaletteMaker」是一個免費的調色盤工具，可以通過上傳圖片或選擇預定義的圖片庫，自動生成一組完美的色彩方案。這個工具還支持手動調整配色，讓您能夠根據自己的需求進行調整。

當設計師在創建一個網站或應用程序時，他們需要選擇適合的色彩方案。這樣不僅可以讓他們的設計更有吸引力，而且也可以改善使用者體驗（UX）。使用配色工具可以讓您在短時間內找到適合您需求的色彩方案，並且在您進行調整時提供豐富的選項。

我之前還有介紹過其他好用的調色盤工具，像是：

今天介紹的「PaletteMaker」是一個非常實用的免費色彩配色工具，特別適合用於 UI/UX 設計師和任何尋求協調色彩方案的人。與其他收費的調色盤工具相比，它不僅免費且功能強大。

並且。它還有一個很棒的功能，就是能夠顯示色彩代碼，可以讓你直接複製並貼在網站或應用程式中使用。您可以選擇不同的顏色代碼格式，如 Hex、RGB、HSL…等。如果您正在尋找一個快速、方便和免費的調色盤工具，它絕對是一個值得一試的選擇。

Palette Maker – Generate and Preview Colors on Real Design Templates
https://palettemaker.com/

文章目錄

挑選配色

進入首頁之後，他會隨機提供多種不同類型的作品進行顏色搭配展示，像是他會顯示名片設計、插圖、手機展示圖、APP 展示圖、邀請卡、網頁畫面…等等，並且在左側，會顯示多種不同顏色組合搭配，你可以進行點選來及時改變畫面中所有作品的顏色，藉此來獲得靈感：

首先我們來看一下最上方的 5 個顏色。在些顏色當中，你可以將其進行刪除與修改顏色的調整。或者，也可以點擊後方的隨機圖示，讓他產生隨機顏色：

在側邊欄的部分，它會自動顯示由上方配色所自動產生的多組配色，你可以透過點擊來切換畫面中作品的顏色。此外，當你點擊【Filter】之後，就可以去篩選想要顯示的顏色色調，以及顯示配色的數量：

在頁面中，他會提供許多不同的 UI 設計來方便你視覺化的看到搭配後的顏色。一開始他所顯示的方式是 Mixed 混合，你可以透過點擊出現的下拉選單，來指定只顯示某些類別的範例，目前有提供網頁/手機 UI、商標與 LOGO、插圖、字體、文章、圖案…等等：

如果你在首頁當中有看到某一個特別喜歡的範例，想看看完整不同的各種配色，可以點擊【Start the Generator】就能進入該範例，查看所有的配色：

進入之後，可以看到所有調色搭配，如果你看到某一個喜歡的調色，可以點擊【Export】圖示(向上箭頭)，他就會彈跳出 4 種不同的色碼顯示方式可供挑選下載，分別有：圖片、ASE 檔案、Procreate 檔案、顏色代碼…等：