Adobe Illustrator 並沒有內建單一指令能從點陣影像中擷取完整且協調的調色盤——它的 Image Trace 和 Live Paint 功能處理的是向量化與填色區域，而非色彩理論。若想在 Illustrator 中從影像取得協調的調色盤，設計師通常會將 Illustrator 的滴管工具與外部和諧色產生器結合使用：先從影像中取樣一個或多個基準色，將 HEX 值貼到調色盤工具中，選擇一條和諧規則，然後將產生的色票匯回 Illustrator 的「色票」面板。這個兩步驟的工作流程既保留了來源影像中的真實色彩，又能得到一組數學上相關聯的調色盤，供你在整個作品中套用。
Color Palette Generator 正好符合這個需求。它接受一個基準色，並使用六種既定的色彩理論配色方案產生一組搭配色彩。這個工具可在任何現代瀏覽器中執行，不需要 Illustrator 外掛，並輸出能乾淨對應到 Illustrator 色彩欄位的 HEX、RGB 和 HSL 值。從事參考攝影、情緒板或品牌形象圖像工作的設計師會覺得它特別實用，因為它能在擴展為可用和諧色的同時，保留來源的特質。
為什麼單靠 Illustrator 無法產生和諧的調色盤
Illustrator 提供多種從影像擷取色彩的方式，但沒有任何一種能在這些色彩之間建立關聯。滴管工具（快速鍵 I）會對單一像素取樣，並將其儲存為目前的填色。「重新上色作品」對話框可讓你重新對應現有作品的顏色，但前提是你必須先自行定義色彩。Kuler 面板（Window > Kuler）可載入社群調色盤，但無法讀取你目前的文件或影像。Illustrator 並沒有內建功能可以掃描點陣影像，並回傳例如其主色調的互補色、三等分色或類似色等鄰近色彩。
這正是外部和諧色產生器能補位的環節。只要從影像中取樣一個代表性色彩，再將其送入以標準色輪數學為基礎的工具，你就能得到既紮根於你的來源、又在理論上協調一致的調色盤。產生的色票組合可以直接放入 Illustrator 的「色票」面板，無需手動調整。
從影像中選擇合適的基準色
在產生任何東西之前，先決定影像中的哪個色彩應該作為調色盤的錨點。在 Illustrator 中開啟影像（File > Place，或直接拖曳到工作區），必要時將其點陣化，以便滴管能自由取樣。然後使用滴管點選最能代表你想要氛圍的區域——通常是主要背景、關鍵物件，或已經出現在周邊品牌素材中的色彩。
避免取樣純白或純黑的像素，因為它們的 HEX 值雖然在數學上正確，但產生的和諧色會顯得視覺上平淡。帶有一些彩度、彩度中等的色彩通常能給出最悅目的調色盤。選定喜歡的色彩後，開啟「顏色」面板（Window > Color），從底部的欄位複製 HEX 值——你也可以點擊小井號圖示來切換 HEX 與 RGB。
你可以視需要取樣多個基準色，但每個基準色都會產生各自的和諧色組。最有效率的工作流程是：選定一個錨點色，產生其調色盤，稍後再從影像中取樣次要點來加入強調色票。
產生搭配的調色盤
拿到 HEX 值後，前往 Color Palette Generator。這個工具可直接接受 HEX，無須先轉換格式。完整工作流程只需三個步驟：
- 將取樣的 HEX（例如 #3b82f6）貼上或輸入到基準色欄位，或使用色彩選擇器以視覺方式挑選。
- 從配色方案選擇器中選擇一種和諧方案——互補色、類似色、三等分色、四等分色、分裂互補色或單色。
- 在產生的調色盤中點擊任何色票，即可複製其 HEX。RGB 與 HSL 值會顯示在每個色票下方供參考。
哪種和諧方案適合哪種專案
不同的和諧規則會產生截然不同的視覺效果，正確的選擇取決於你的專案。下表摘要說明每種方案及其通常適合的設計類型。
| 和諧方案 | 產生的色彩 | 最適合 |
|---|---|---|
| 互補色 | 基準色加上色輪對面的色彩 | 高對比海報、行動呼籲按鈕、大膽的編輯版面 |
| 類似色 | 基準色加上色輪上相鄰的兩個色彩 | 平靜、協調的場景，例如自然插畫、健康品牌與背景 |
| 三等分色 | 基準色加上等距分布的兩個色彩 | 活力且平衡的構圖，例如資訊圖表與兒童插畫 |
| 四等分色 | 形成矩形的四個色彩 | 豐富多樣的調色盤，適合包含許多不同元素的複雜插畫 |
| 分裂互補色 | 基準色加上其互補色兩側的鄰近色 | 保有強烈對比，但比純互補色組合張力更低 |
| 單色 | 基準色的多種明度與彩度變化 | 極簡設計、資料視覺化，以及無障礙的單色介面 |
如果不知道該選哪一個，類似色是氛圍導向工作中最安全的起點，而三等分色則能從單一基準色提供最多變化。從事無障礙敏感素材的設計師通常傾向選擇單色，因為調整明度能在不引入新色相的情況下建立清楚的層級。
將調色盤匯回 Illustrator
從產生器複製好 HEX 值後，回到 Illustrator 並開啟「色票」面板（Window > Swatches）。點擊面板選單，選擇「新增色票群組」。在出現的對話框中，以你的專案或方案類型命名該群組，選取要加入的色彩後再按一下「加入所選色彩」。或者，也可以開啟「顏色」面板，將 HEX 貼入欄位，然後點擊「色票」面板中的小型資料夾圖示，將目前的填色新增為色票。
為調色盤中的每個色彩重複此步驟。一個有用的習慣是：把產生的和諧色放在一個群組，把直接從影像取樣的其他顏色放在第二個群組，這樣就能依設計需要在嚴格和諧與忠實於影像的取樣之間切換。如需相關的 Illustrator 工作流程，從任何 Adobe Illustrator 影像中擷取調色盤這篇指南對取樣部分有更深入的說明。
實用技巧與常見陷阱
從照片取樣時，JPEG 壓縮可能會將邊緣像素的顏色偏移幾個 HEX 單位。若需要精準度，請從乾淨的中央區域（屬於單一平塗色區塊）取樣，而非靠近陰影或高光處。若需要絕對的精準度，請先在 Photoshop 中開啟影像並另存成 PNG，再將該 PNG 置入 Illustrator。
留意產生調色盤的彩度。和諧色工具會完全依照色輪運作，這代表低彩度的基準色會產生低彩度的調色盤。如果影像中的錨點色較為黯淡，但最終作品需要鮮豔感，請在產生前先用色彩選擇器把基準色調亮，再重新匯入調色盤。
如果你發現自己反覆產生調色盤，Random Color Generator能協助你探索自己不會挑選的基準色，常會帶來出乎意料但有效的組合。若要檢查最終調色盤是否符合無障礙標準，Color Contrast Checker會依 WCAG 標準驗證每一組配對，讓你在匯出前進行調整。你也可以閱讀即時檢查色彩對比以符合無障礙這篇更廣泛的指引。
全部串起來
最快的端對端工作流程很直覺：將影像置入 Illustrator，用滴管取樣一個錨點色，複製其 HEX，將其貼入 Color Palette Generator，挑選一種和諧方案，逐一複製輸出 HEX，然後在 Illustrator 內建立一個新的「色票」群組。整個循環每個調色盤只需幾分鐘，就能產生既紮根於參考影像、又立基於既定色彩理論的色彩組合。相比憑肉眼猜色票或僅仰賴 Illustrator 的內建工具，這個方法提供了一個可重複的流程，無論是單一圖示或整套品牌系統都能適用。
如果你正在權衡各種方案，Get a Perfect Color Palette in Ibis Paint with One Click對此有詳細說明。
如果你正在權衡各種方案，Get Perfect Warframe Color Palettes in Your Browser對此有詳細說明。