單色影像是一種點陣圖檔案，其中每個像素都共用同一個精確的六位數十六進位色彩，您可以在 Photoshop 中透過 File > New（檔案 > 新增）並設定背景色彩、建立 Solid Color（純色）填色圖層，或使用 Edit > Fill（編輯 > 填色）指令來建立，也可以使用瀏覽器的 Solid Color Image Generator 來產生。

Photoshop 提供至少三種可靠的方式來製作單色影像。最快的方式是 File > New（檔案 > 新增），它讓您在畫布存在之前就先設定背景色彩，因此新文件開啟時就已經填滿色彩了。最有彈性的方式是 Solid Color（純色）填色圖層，它可從圖層面板作為調整圖層加入，因為色彩可重複使用，而且該圖層會位於任何底層內容之上，方便進行遮色片。Edit > Fill（編輯 > 填色）會將單一色彩直接填入現有的選取範圍或圖層，當您已經有工作中的文件並想覆寫像素時，這是正確的選擇。所有三種方式最終都會抵達同一個地方：一個畫布，其中每個像素都對應到同一個 RGB 值，預設沒有漸層、沒有紋理，也沒有透明度。

基於瀏覽器的產生器會以要求的十六進位色彩填滿畫布，並在本機端將結果編碼，藉此重現相同的最終成品。內容不會離開網頁、不會開啟任何來源檔案，而且該工具不需要 Photoshop 授權。這讓它在使用上很實用，只要單色資產本身就是全部的交付物，而不是較大編輯流程中的一個步驟。

how to make image solid color in photoshop
How to Make an Image a Solid Color in Photoshop

「單色影像」真正的含義

單色影像由三個屬性定義：精確的像素尺寸、以六位數 sRGB 十六進位值表示的一個填色色彩，以及所選擇的點陣圖格式。畫布上的每個像素——從左上到右下——都帶有該色彩值，沒有任何變化。沒有作用為部分透明度的 alpha 通道、沒有雜訊、沒有邊框，也沒有嵌入的色彩描述檔。其結果是在目標尺寸下最小且可區分的資產，也是任何下游影像管線（預期會接收已知色彩）最可預測的輸入。

單色檔案通常用於綠幕風格測試的影片遮片（這類測試不需要真實的去背色彩）、用於影像處理管線的測試治具（在裁切、調整大小、套用濾鏡或格式轉換之前需要已知的輸入），以及作為空白畫布背景，讓您在 Photoshop 或其他編輯器中將其他作品疊在上面。它們也可用作色彩參考色票，當您需要在書面上傳達特定的十六進位代碼，而不是以口頭描述時。

Photoshop 製作單色影像的方法

Photoshop 有一種以上處理單色影像的工作流程，而正確的選擇取決於您是否已經開啟文件。以下三種方法涵蓋了典型的情況——全新的畫布、既有的圖層或選取範圍，以及可重複使用的填色圖層。

方法 1 — File > New（檔案 > 新增）並設定背景色彩

  1. 選擇 File > New（檔案 > 新增）。在對話方塊中，設定寬度、高度、解析度和色彩模式以符合預期用途。
  2. 開啟 Background Contents（背景內容）選單，並選擇 Background Color（背景色彩）（或視您的 Photoshop 版本而定，選擇 White（白色）、Background Color（背景色彩）、Transparent（透明））。
  3. 按一下工具列中的背景色彩色票，然後在 Color Picker（色彩選擇器）中輸入十六進位代碼（例如 #2563eb），再按確定。
  4. 按一下 Create（建立）。新畫布在螢幕上出現時，就已經填滿了該色彩。
  5. 使用 File > Export > Export As…（檔案 > 匯出 > 另存新檔）儲存為 PNG、JPEG 或其他格式。選擇尺寸、格式和品質，然後按一下 Export（匯出）。

方法 2 — Edit > Fill（編輯 > 填色）

  1. 以目標的寬度和高度開啟或建立文件。
  2. 按 Ctrl/Cmd + A 選取全部，或使用框選工具選取畫布中的某個子區域。
  3. 按兩下工具列中的前景色彩色票，在 Color Picker（色彩選擇器）中輸入十六進位代碼，然後按確定。
  4. 選擇 Edit > Fill（編輯 > 填色）。將 Contents（內容）設定為 Foreground Color（前景色彩）（或選擇 Color…（色彩…）來挑選新的十六進位值），然後按確定。
  5. 使用 File > Save As（檔案 > 另存新檔）或 File > Export > Export As…（檔案 > 匯出 > 另存新檔）將檔案儲存為 PNG、JPEG 或其他格式。

方法 3 — Solid Color（純色）填色圖層

  1. 在 Layers（圖層）面板中，按一下 Create new fill or adjustment layer（建立新的填色或調整圖層）圖示，然後選擇 Solid Color…（純色…）。
  2. 在 Color Picker（色彩選擇器）中輸入十六進位代碼，然後按確定。一個填滿該色彩的新圖層會出現在目前內容的上方。
  3. 如果需要的是平面點陣圖而非多圖層的 PSD，請在填色圖層上按右鍵並選擇 Rasterize Layer（點陣化圖層），然後視需要進行平面化。
  4. 使用 File > Export > Export As…（檔案 > 匯出 > 另存新檔）將最終的單色影像儲存為 PNG、JPEG 或其他格式。

當檔案是較大合成作品中（例如主視覺面板、遮片或模型圖）其中一個步驟時，Photoshop 的路徑是正確的選擇。當單色檔案本身就是全部的交付物時，像 Solid Color Image Generator 這類瀏覽器工具會更快，因為它可以略過 New Document（新增文件）、Fill（填色）和 Export（匯出）等對話方塊。

在瀏覽器中產生單色影像

瀏覽器的路徑是上述 Photoshop 方法的直接替代方案。它會以要求的十六進位色彩填滿畫布，在本機端將結果編碼，並將檔案提供下載，過程中不會上傳任何內容。

  1. 在瀏覽器中開啟 Solid Color Image Generator。
  2. 輸入精確的 width（寬度）和 height（高度）為 1 到 10,000 像素的整數。若為 1920 × 1080 畫布，則輸入為 1920 和 1080。
  3. 輸入六位數的十六進位色彩（例如 #2563eb），或使用色彩選擇器來挑選。該值會被正規化為小寫的六位數格式。
  4. 選擇輸出格式：PNG 用於無損輸出，JPEG 用於檔案較小且可調整品質的情況，WebP 則用於現代瀏覽器。
  5. 對於 JPEG 或 WebP，請將品質設定為 1 到 100 百分比的整數。PNG 會忽略品質欄位。
  6. 按一下 Create Image（建立影像）。此工具會回報精確的像素尺寸、MIME 類型、正規化後的十六進位值，以及大約的檔案大小。
  7. 按一下 Download（下載）。檔案名稱遵循 solid-2563eb-1920x1080.png 的格式，JPEG 輸出會使用 .jpg 副檔名，WebP 則使用標準的 WebP 副檔名。

畫布的大小上限為 4,000 萬像素。一個 1920 × 1080 的背景使用 1920 × 1080 = 2,073,600 像素，約 2.07 megapixel——遠低於上限，因此畫布會被接受而不會出錯。

尺寸、格式與品質控制

三種格式涵蓋了大部分的單色交付物。當您在意無損、檔案大小或網頁相容性時，這些差異就很重要，而該工具會為每種情況提供不同的控制項。

格式品質控制最適用於備註
PNG不適用——永遠為無損測試治具、歸檔資產、可預測的輸入檔案大小僅隨尺寸而變；品質滑桿會被忽略
JPEG1 到 100 百分比精簡的佔位圖、社群媒體預覽使用 .jpg 副檔名；編碼器因瀏覽器而異
WebP1 到 100 百分比現代網頁傳遞、高品質下較小的檔案可用性取決於瀏覽器的編碼器支援

畫布會以您輸入的自然大小進行填滿。螢幕上的預覽只是為了配合頁面而縮小顯示，絕對不是下載檔案的來源。品質控制不會改變所要求的寬度、高度或檔案名稱中的色彩代碼——它們只會影響編碼後的位元組串流。由於 JPEG 和 WebP 編碼器是由瀏覽器提供的，在相同的寬度、高度、品質設定下，不同瀏覽器可能會產生不同的位元組數。

精確尺寸單色檔案的實際用途

精確像素尺寸的單色影像是您可以備妥的、最有用的「空白」資產之一。它可以放在版面模型下方、作為影片時間軸中的遮片、在線框圖中取代遺失的產品照片，或作為影像處理測試中的確定性輸入。由於每個像素都帶有相同的值，任何下游的裁切、調整大小或格式轉換都會有已知的起點——當您想要單獨檢視某個轉換的效果，而不是同時除錯轉換和輸入時，這非常有用。

若需要在畫布內加上標籤的替代圖，Placeholder Image Generator 可以在單色背景上加入置中的文字。Image Placeholder for Photoshop, Without the App 指南則更深入地說明相同的工作流程。對於沒有 Photoshop 授權的使用者，或單純想要比開啟桌面編輯器更快取得檔案的人來說，瀏覽器工具正好滿足了這個利基需求。

單色與其他單色產生器的比較

此瀏覽器產生器的功能刻意設計得很精簡。它不會產生透明度、漸層、圖樣、雜訊、文字、標誌、色票、ICC 描述檔或 CMYK 輸出，也無法在單次執行中批次處理多個尺寸。這些限制是刻意的：專注的工具能避免隱藏的預設值，並讓輸出在位元組層級與您提供的輸入完全一致。當您需要漸層時，請使用漸層工具；當您需要加上標籤的佔位圖時，請使用上方連結的 Placeholder Image Generator；當您需要印刷管理的色彩時，請使用具有色彩管理的編輯器。

單色填色是透過瀏覽器標準的 Canvas 2D API，使用 fillRect primitive documented on MDN 所記載的 fillRect 基元來產生，因此自然大小畫布的每個像素都會收到要求的色彩，沒有任何隱藏的覆蓋或內建修正。PNG 負責處理無損的情況，JPEG 和 WebP 負責處理精簡的有損情況，而回報的 MIME 類型會明確告訴您瀏覽器實際產生了什麼。編碼失敗或不支援時會回傳明確的錯誤，而非默默降階，因此您可以修正輸入，而不必接受品質降低的輸出。

延伸閱讀：Remove Image Background Color in PowerPoint。