Excel 中的色彩漸層是指在選定範圍的儲存格上，以兩種或三種顏色連續混合的效果，而最快內建的方式是「條件式格式設定」選單中的「色階」選項，其中「雙色色階」會將最小值著上一種顏色、最大值著上另一種顏色，而「三色色階」則加入了中點色調以增加對比。接著 Excel 會自動在之間的儲存格進行插值，使每一列在視覺上呈現從冷到暖(或任何你選擇的對比)的數值。內建規則涵蓋了常見的應用場景——快速的熱力圖、銷售儀表板、考試成績表——但它只提供少數預設調色盤以及固定的最小/中點/最大樞紐。若你需要品牌色、精確百分比上的特定強調色，或是可在隨附網頁上重複使用的漸層，那麼在「色彩漸層產生器」中設計精準的色標，並將每個十六進位色碼複製回 Excel 的自訂色彩選擇器，就能在不寫任何程式碼的情況下，完整掌控每個色標與角度。
Excel 內建製作色彩漸層的方法
「條件式格式設定」多年來一直位於 Excel 的「常用」索引標籤上，而其「色階」子選單是整個應用程式中唯一能產生真正漸層的地方——不是實心醒目提示，不是單一圖示，而是從一個數值極端連續混合到另一個數值極端的色彩。你不需要公式、外掛或特殊圖表類型。只需選取儲存格，開啟「常用 > 條件式格式設定 > 色階」,Excel 就會立即套用所選的色階。兩組預設系列值得了解:
- 雙色色階使用最小值顏色(套用於範圍中的最小數字)與最大值顏色(套用於最大數字)。中間範圍的值會在兩者之間平滑混合。
- 三色色階加入中點顏色(通常設在第 50 百分位)，使漸層可穿過一段中性色帶——當你想同時凸顯低與高的極端值，並與平靜的中段形成對比時特別實用。
Excel 也允許你將每個顏色錨定到特定的百分位數或數字，而不是自動的最小/中點/最大，這就是用來建立符合真實業務門檻之漸層的方式(例如:低於 60 分為紅色、60–80 分為琥珀色、高於 80 分為綠色)。
設計你所想要的精準漸層
Excel 中的預設色階——紅黃綠、藍黃紅、白紅——作為草稿勉強可用，但大多數有品牌識別需求的儀表板都需要自訂十六進位色值。Excel 的「其他規則」對話框可讓你為每個錨點開啟色彩選擇器，並貼上任何你能從漸層色帶讀取的十六進位色碼。真正的挑戰在於設計漸層本身:幾個色標?每個顏色放在哪裡?你想要什麼角度的混色?這時視覺化的 CSS 漸層產生器就能發揮價值。你可以在瀏覽器中繪製漸層、將色標拖曳到精確位置、不必計算就能讀出每個十六進位色值，然後把這些相同的顏色帶回 Excel，或將完成的 CSS 貼到網頁儀表板。
凡是試算表會成為更大產品介面的一部分時，讓 Excel 漸層與 CSS 漸層保持同步就很重要——例如內嵌在 Notion 頁面的銷售報告、用 React 呈現的 KPI 圖磚、同時以 .xlsx 檔案與由 HTML 產生的 PDF 形式發送的高階摘要。在相同位置使用完全相同的十六進位色標，代表兩種版本能訴說相同的視覺故事。
在產生器中建立並微調你的漸層
在碰觸 Excel 的色彩選擇器之前，請先使用色彩漸層產生器設計你想要的精準色彩混合。整個流程只需幾分鐘，完成後你就擁有可直接貼入「條件式格式設定」對話框的十六進位色值。
- 選擇漸層類型——線性用於方向性的漸淡，輻射用於由中心向外混合。對大多數 Excel 到網頁的對應情況而言，線性較接近熱力圖;輻射則保留給登陸頁或主視覺區塊中的聚光燈效果。
- 設定每個色標的顏色，並拖曳其位置滑桿;可新增或刪除色標，並調整線性漸層的角度。兩個色標能呈現乾淨的雙色漸淡;在例如 50% 位置加入 #00ff00 作為第三或第四個色標，則能創造具有平靜中段的多色帶混合。
- 查看即時預覽，然後點擊「複製 CSS」抓取可立即貼上的背景宣告。該工具會依位置重新排序色標，並將每個值限制在有效的 0–100% 範圍內，因此輸出的 CSS 永遠語法正確。
- 從你設定的色標讀出每個十六進位色值。記下十六進位色碼、百分比位置與順序，以便在 Excel 的自訂色階對話框中重現它們。
所有過程都在瀏覽器本地端執行，所以你設計的漸層永遠不會離開你的裝置;你可以點擊「隨機」探索自己不一定會手動挑選的新組合。當結果看起來滿意時，一鍵即可將 CSS 複製到剪貼簿，而你的筆記則提供了 Excel 所需的精準色標。
將自訂漸層顏色套回 Excel
一旦你從漸層產生器取得一組十六進位色標，在 Excel 中套用就只是將 Excel 的自訂色階規則指向那些精確數值。以下流程可在不到一分鐘內，為任何選定範圍製作出完全自訂的漸層。
- 選取應套用漸層的儲存格——可以是單一欄、一列或一塊矩形的數字區域。
- 開啟「常用 > 條件式格式設定 > 色階 > 其他規則」，此選項位於選單底部。
- 在「新增格式化規則」對話框中，根據漸層擁有的錨點數量，選擇「雙色色階」或「三色色階」。
- 為每個錨點(最小值、中點、最大值)，將「類型」從「自動」變更為「數字」、「百分比」或「百分位數」，以便釘住對應於各色標位置的門檻。
- 點擊每個錨點的色彩按鈕，並貼上你所記下的十六進位色值。Excel 接受不含前綴 # 的六位數十六進位色碼。
- 點擊「確定」套用。選定的儲存格會以你在產生器中設計的精準漸層重新著色。
- 若有某一列或欄未如預期般著色，請檢查儲存格中是否含有數字(色階會忽略文字與空白)，並確認所選範圍是連續的。
若三色色階的中點位於 50%，請將「中點類型」設為「百分位數」，並將「值」設為 50。對於中點不在 50% 的品牌漸層——例如在 35% 處設一個色標以使混合偏向暖色端——請直接將「中點值」設為 35。這就是讓 Excel 的色帶與你匯出的 CSS 漸層在視覺上完全一致的方法。
線性 vs 輻射:讓 Excel 視覺化與網頁對應
Excel 的色階僅支援「跨數值的線性」色彩概念，但當你的資料離開試算表、登上網頁儀表板時，你就可以在線性與輻射 CSS 混合之間選擇。兩者皆來自同一個「色彩漸層產生器」;差異純粹在於視覺呈現。
| 使用情境 | 最佳漸層 | 原因 |
|---|---|---|
| 依區域劃分的銷售熱力圖 | 線性(上到下或左到右) | 在類別之間呈現明確的漸進 |
| 單一巨大數字的 KPI 圖磚 | 輻射 | 由中心向外混合，將目光吸引到標題數字 |
| 報告頁面的區段背景 | 180 度的線性 | 模擬從上到下的平靜頁面洗色效果 |
| 按鈕的 hover 狀態 | 135 度的線性 | 暗示深度與方向性的光源 |
| 主打商品背後的聚光燈 | 輻射(圓形) | 柔和光暈，漸隱融入周圍頁面 |
線性與輻射之間的十六進位色值不會改變——只有角度、中心點，以及瀏覽器在色標間插值的方式會改變。只要保持十六進位調色盤穩定，就能在完全不重新上色的情況下切換呈現風格。若想更深入了解色標如何變成可上線的 CSS，請參考從色標到程式碼的 CSS 漸層顏色指南。
設定 Excel 色彩漸層時的常見陷阱
即使設計完善的漸層，一旦進入真實的試算表也可能崩壞。以下幾個陷阱經常出現，值得特別留意:
- 在資料含有離群值時，將錨點設為「百分比」。單一極大值會使所有其他儲存格塌縮為最小值顏色。將錨點類型改為「數字」或「百分位數」(例如第 10/90 百分位)，讓漸層涵蓋資料中有意義的大部分範圍。
- 將色階套用於混合文字與數字的範圍。色階會忽略文字，導致含有標籤的列上可見的漸層看起來破碎。請將標籤移至獨立的欄，或改用基於公式的規則。
- Excel 與網頁版本之間的十六進位色值不匹配。即使像 #1A2B3D 與 #1B2B3D 這樣微小的差異，單獨看來沒問題，但並排時就會衝突。務必貼上你從漸層產生器記下的精準十六進位色碼，絕不要讓 Excel 的滴管工具將其四捨五入。
- 忘記色階會在資料變更時重新運算。這通常是一項優點，但若下游的圖表或樞紐分析依賴儲存格的顏色，視覺順序會隨數字變動而位移。若需要凍結版本，請使用「選擇性貼上 > 格式」將格式快照下來。
一旦 Excel 漸層與對應的 CSS 漸層共享相同的色標與百分比，試算表、儀表板以及任何匯出的 PDF 都能在無需手動重新上色的情況下，訴說相同的視覺故事。
若你正在權衡各種方案，在 InDesign 中使用 CSS 色標建立色彩漸層對此有詳細說明。