建立自訂調色盤

Tableau Desktop 附帶了經過精心設計的調色盤,這些調色盤可完美搭配工作,並可在許多情形下(例如在地圖、熱度圖、橫條圖上等)將色彩高效地應用於資料。您也可以透過修改 Tableau Desktop 附帶的 Preferences.tps 檔案來建立和使用自己的自訂調色盤。例如,您可以建立與公司品牌相符的自訂分類調色盤。

關於首選項檔案

您可以根據需要向 Preferences.tps 檔案中新增任意多個自訂調色盤,分別包含所需的多種色彩。儘管每個自訂調色盤可以新增的色彩數量沒有限制,但編輯色彩對話方塊僅顯示 20 種色彩。如果需要手動為資料項目指派超過 20 種色彩,可能需要建立多個自訂調色盤,每個調色盤中的色彩為 20 或更少。

在修改 Preferences.tps 以新增色彩時,請為新色彩使用標準 HTML 格式(十六進位代碼 #RRGGBB 或紅綠藍格式)。儲存工作簿並重新啟動 Tableau Desktop 時,您新增到 Preferences.tps 的調色盤名稱將出現在 [選取調色盤] 下拉清單( [編輯色彩] 對話方塊)中。可以像使用任何其他調色盤一樣使用自訂調色盤。

Tableau 不會測試自訂調色盤,也不會為其提供支援,因此在繼續之前一定要備份工作簿。此外,我們無法保證您建立的自訂調色盤可與將來的 Tableau Desktop 升級配合工作。

附註:編輯 Preferences.tps 檔案時,請確保使用直引號(' '" ")來分隔調色盤名稱和類型,而不是使用彎引號(“ ”或‘ ’)。

編輯首選項檔案

Preferences.tps 檔案位於安裝 Tableau Desktop 時建立的「我的 Tableau 存放庫」資料夾中,該資料夾可能位於「文件」中。偏好設定檔案是一個基本的 XML 檔案,可以在文字編輯器中開啟該檔案以進行修改。未編輯過的首選項檔案如下所示:

編輯首選項檔案:

  1. 前往「文件」目錄中的「我的 Tableau 存放庫」資料夾,然後使用文字編輯器開啟 Preferences.tps 檔案。
  2. 在開始和結束 workbook 標記之間,插入開始和結束 preferences 標記,如下所示:
    <?xml version='1.0'?>
    <workbook>
    <preferences>
    </preferences>
    </workbook>

    附註:若 Preferences.tps 檔案已有偏好設定標記,則無需再次新增。

  1. 按照以下程序之一,透過在 preferences 標記之間插入 color-palette 標記來建立自訂色彩調色盤。例如:
    <?xml version='1.0'?>	
    <workbook>
    <preferences>
    <color-palette name="MyColors" type="regular">
    <color>#1e4c56</color>
    <color>#cba94b</color>
    </color-palette>
    </preferences>
    </workbook>

    色彩調色盤可以為分類 (type="regular")、連續 (type="ordered-sequential") 或發散 (type="ordered-diverging") 調色盤。

  2. 若要新增更多調色盤,請插入另一組 color-palette 標記。
    <?xml version='1.0'?>	
    <workbook>
    <preferences>
    <color-palette name="MyColors" type="regular">
    <color>#1e4c56</color>
    <color>#cba94b</color>
    </color-palette>
    <color-palette name="MoreColors" type="regular">
    <color>#ffe96f</color>
    <color>#799a0d</color>
    </color-palette>
    </preferences>
    </workbook>
  3. 必須重新啟動 Tableau Desktop 才能看到新的色彩調色盤。

建立分類調色盤

分類調色盤包含多種不同色彩,可指派給離散維度成員。例如,在將諸如 [Region] (區域)等離散維度放在 [色彩] 卡上時,將使用分類色彩圖例。

在偏好設定檔案中,分類調色盤為 type="regular"

建置自訂分類色彩調色盤

下面是一個範例,示範了為新增分類調色盤要在 preferences 標記之間新增的內容。請注意,type 屬性指定為 regular,即將此調色盤標識為分類調色盤。

建立自訂分類調色盤:

  1. Preferences.tps 檔案的 [preferences] 標記之間,粘貼以下內容。請務必使用直引號,而不要使用大括弧來分隔調色盤的名稱和類型。
    <color-palette name="My Categorical Palette" type="regular">
    <color>#eb912b</color>
    <color>#7099a5</color> <color>#c71f34</color>
    <color>#1d437d</color>
    <color>#e8762b</color>
    <color>#5b6591</color>
    <color>#59879b</color>
    </color-palette>
  2. 儲存 Preferences.tps 檔案,然後重新啟動 Tableau Desktop。
  3. 開啟資料來源,如 Superstore - Sample 資料來源。
  4. 「資料」窗格中,將一個離散維度(例如「Region」(區域))拖曳至「色彩」)。
  5. 按一下色彩圖例功能表箭頭,並選取 [編輯色彩]

  6. 在 [編輯色彩] 對話方塊中,從調色盤下拉清單中選取新的自訂調色盤。

  7. 按一下 [指派調色盤] 按鈕,將自訂色彩指派給各個欄位。
  8. 按一下 [OK] (確定)。

建立連續調色盤

另一種類型的調色盤是連續調色盤。這種類型的調色盤用於連續欄位,通常用於度量。通常,連續調色盤顯示濃度不同的單一色彩。

必須至少指定連續色彩範圍中的兩個結束色彩。Tableau 將推斷兩者之間的陰影。

建置自訂連續色彩調色盤

下面是一個範例,示範了為新增連續調色盤要在 preferences 標記之間新增的內容。請注意,type 屬性指定為 ordered-sequential,即將此調色盤標識為連續調色盤。

建立自訂連續調色盤:

  1. Preferences.tps 檔案中的 preferences 標記之間,貼上以下內容。請務必使用直引號,而不要使用大括弧來分隔調色盤的名稱和類型。
    <color-palette name="My Sequential Palette" type="ordered-sequential">
    <color>#eb912b</color>
    <color>#eb9c42</color>
    <color>#ebad67</color>
    <color>#eabb86</color>
    <color>#eacba8</color>
    <color>#ebd8c2</color>
    </color-palette>
  2. 儲存 Preferences.tps 檔案,然後重新啟動 Tableau Desktop。
  3. 開啟一個資料來源,例如 [Superstore- Sample] 資料來源。
  4. 「資料」窗格中,將度量(例如「Sales」(銷售額)拖曳至「色彩」)。
  5. 按一下色彩圖例功能表箭頭,並選取 [編輯色彩]
  6. 在 [編輯色彩] 對話方塊中,從調色盤下拉清單中選取自訂調色盤。
  7. 如果您想要在一個框內定義每種色彩漸變,請選中 [漸變色彩] 核取方塊,並在 [階] 文字方塊中鍵入想要顯示在條形中的色階數。
  8. 按一下 [高級] 按鈕。
  9. 選中 [開始] 核取方塊,並在文字方塊中鍵入所需的連續統一體低端的數字。
  10. 按一下 [套用] 按鈕以查看結果,並根據需要進行調整。色彩範圍將按您在 Preferences.tps 檔案中指定的順序從高濃度到低濃度排列(或相反)。Tableau 中連續調色盤的預設設定是使連續體的較高一端顯示濃色,使較低一端顯示淡色,透過選中 [倒序] 核取方塊可反向顯示。

建立發散色彩調色盤

調色盤的第三種類型是發散調色盤。發散調色盤不是從一個極端到另一個極端的漸變,而是像兩個連續調色盤,它們共用中間的色彩,但具有不同的極端。這種類型的調色盤顯示兩個值範圍:使用色彩濃度(深或淺)來顯示數字的大小,並使用實際色彩(橙色或藍色)來顯示數字來自哪個範圍。發散調色盤最常用於區分正數與負數。

建置自訂發散色彩調色盤

下面是一個範例,示範了為新增發散調色盤要在 preferences 標記之間新增的內容。請注意,type 屬性指定為 ordered-diverging,即將此調色盤標識為發散調色盤。

建立自訂發散調色盤:

  1. Preferences.tps 檔案中的 preferences 標記之間,貼上以下內容。請務必使用直引號,而不要使用大括弧來分隔調色盤的名稱和類型。
    <color-palette name="My Diverging Palette" type="ordered-diverging">
    <color>#eb912b</color>
    <color>#59879b</color>
    </color-palette>
  2. 儲存 Preferences.tps 檔案,然後重新啟動 Tableau Desktop。
  3. 開啟資料來源,如 Superstore - Sample 資料來源。
  4. 按一下 [指派調色盤] 按鈕。將按色彩出現在首選項檔案中的順序來使用該調色盤中的色彩。

使用已停用的(經典)調色盤

在版本 10.0 中,Tableau 建立了兩個新的調色盤,更新了一些現有調色盤(例如 Tableau 10 和 Tableau 20),並停用了其他一些調色盤。如果要繼續使用已停用的某個調色盤,您可以編輯 Preferences.tps 檔案,新增該調色盤的十六進位值。可以根據需要新增任意多個色彩板。

已停用調色盤的十六進位值

下表列出了已停用的調色盤,以及您可在 Preferences.tps 檔案中使用以便還原這些調色盤的 XML 代碼和十六進位值。若按原樣使用程式碼,調色盤名稱將以 Classic 開頭,表示它們來自 10.0 版本之前的版本。在許多情況下,已停用的調色盤有更新版本。

版本 9.x 調色盤名稱版本 9.x 十六進位值

Tableau 10

現在稱為 Tableau Classic 10

<color-palette name="Classic 10" type="regular">
<color>#17becf</color> <color>#bcbd22</color> <color>#7f7f7f</color> <color>#e377c2</color> <color>#8c564b</color> <color>#9467bd</color> <color>#d62728</color> <color>#2ca02c</color> <color>#ff7f0e</color> <color>#1f77b4</color>
</color-palette>

Tableau 10 Medium

現在稱為 Tableau Classic Medium

<color-palette name="Classic 10 Medium" type="regular">
<color>#6dccda</color> <color>#cdcc5d</color> <color>#a2a2a2</color> <color>#ed97ca</color> <color>#a8786e</color> <color>#ad8bc9</color> <color>#ed665d</color> <color>#67bf5c</color> <color>#ff9e4a</color> <color>#729ece</color>
</color-palette>

Tableau 10 Light

<color-palette name="Classic 10 Light" type="regular">
<color>#9edae5</color> <color>#dbdb8d</color> <color>#c7c7c7</color> <color>#f7b6d2</color> <color>#c49c94</color> <color>#c5b0d5</color> <color>#ff9896</color> <color>#98df8a</color> <color>#ffbb78</color> <color>#aec7e8</color>
</color-palette>

Tableau 20

現在稱為 Tableau Classic 20

<color-palette name="Classic 20" type="regular"> <color>#9edae5</color> <color>#17becf</color> <color>#dbdb8d</color> <color>#bcbd22</color> <color>#c7c7c7</color> <color>#7f7f7f</color> <color>#f7b6d2</color> <color>#e377c2</color> <color>#c49c94</color> <color>#8c564b</color> <color>#c5b0d5</color> <color>#9467bd</color> <color>#ff9896</color> <color>#d62728</color> <color>#98df8a</color> <color>#2ca02c</color> <color>#ffbb78</color> <color>#ff7f0e</color> <color>#aec7e8</color> <color>#1f77b4</color>
</color-palette>

Gray 5

已取代為 Seattle 灰色

<color-palette name="Classic Gray 5" type="regular"> <color>#cfcfcf</color> <color>#8f8782</color> <color>#414451</color> <color>#a5acaf</color> <color>#60636a</color>
</color-palette>

Color Blind 10

已更新為色盲

<color-palette name="Classic Color Blind" type="regular">
<color>#cfcfcf</color> <color>#ffbc79</color> <color>#a2c8ec</color> <color>#898989</color> <color>#c85200</color> <color>#5f9ed1</color> <color>#595959</color> <color>#ababab</color> <color>#ff800e</color> <color>#006ba4</color>
</color-palette>

Traffic Light

已更新為交通燈

<color-palette name="Classic Traffic Light" type="regular">
<color>#9fcd99</color> <color>#ffdd71</color> <color>#f26c64</color> <color>#69b764</color> <color>#ffc156</color> <color>#d82526</color> <color>#309343</color> <color>#dba13a</color> <color>#b10318</color>
</color-palette>

Purple-Gray 6

已停用。

<color-palette name="Classic Purple-Gray 6" type="regular">
<color>#d7d5c5</color> <color>#d098ee</color> <color>#995688</color> <color>#94917b</color> <color>#dc5fbd</color> <color>#7b66d2</color>
</color-palette>

Purple-Gray 12

已更新為紫-粉-灰色

<color-palette name="Classic Purple-Gray 12" type="regular">
<color>#dbd4c5</color> <color>#8b7c6e</color> <color>#d098ee</color> <color>#ab6ad5</color> <color>#d898ba</color> <color>#995688</color> <color>#b4b19b</color> <color>#5f5a41</color> <color>#ffc0da</color> <color>#dc5fbd</color> <color>#a699e8</color> <color>#7b66d2</color>
</color-palette>

Green-Orange 6

已停用。

<color-palette name="Classic Green-Orange 6" type="regular">
<color>#b85a0d</color> <color>#39737c</color> <color>#ffd94a</color> <color>#3cb7cc</color> <color>#ff7f0f</color> <color>#32a251</color>
</color-palette>

Green-Orange 12

已更新為綠-橙-青色

<color-palette name="Classic Green-Orange 12" type="regular">
<color>#ccc94d</color> <color>#82853b</color> <color>#86b4a9</color> <color>#39737c</color> <color>#ffd94a</color> <color>#b85a0d</color> <color>#98d9e4</color> <color>#3cb7cc</color> <color>#ffb977</color> <color>#ff7f0f</color> <color>#acd98d</color> <color>#32a251</color>
</color-palette>

Blue-Red 6

已停用。

<color-palette name="Classic Blue-Red 6" type="regular">
<color>#e9c39b</color> <color>#ea6b73</color> <color>#6ba3d6</color> <color>#ac613c</color> <color>#f02720</color> <color>#2c69b0</color>
</color-palette>

Blue-Red 12

已更新為藍-紅-棕色

<color-palette name="Classic Blue-Red 12" type="regular">
<color>#f4737a</color> <color>#bd0a36</color> <color>#ddc9b4</color> <color>#ac8763</color> <color>#b5dffd</color> <color>#6ba3d6</color> <color>#e9c39b</color> <color>#ac613c</color> <color>#ffb6b0</color> <color>#f02720</color> <color>#b5c8e2</color> <color>#2c69b0</color>
</color-palette>

Cyclic

已更新為色調環

<color-palette name="Classic Cyclic" type="regular">
<color>#6f63bb</color> <color>#8a60b0</color> <color>#ba43b4</color> <color>#c7519c</color> <color>#d63a3a</color> <color>#ff7f0e</color> <color>#ffaa0e</color> <color>#ffbf50</color> <color>#bcbd22</color> <color>#78a641</color> <color>#2ca030</color> <color>#12a2a8</color> <color>#1f83b4</color>
</color-palette>

Green

已更新。

<color-palette name="Classic Green" type="ordered-sequential">
<color>#09622a</color> <color>#1a7232</color> <color>#27823b</color> <color>#339444</color> <color>#69a761</color> <color>#94bb83</color> <color>#bccfb4</color>
</color-palette>

Gray

已更新。

<color-palette name="Classic Gray" type="ordered-sequential">
<color>#1e1e1e</color> <color>#282828</color> <color>#333333</color> <color>#3f3f3f</color> <color>#4b4b4b</color> <color>#585858</color> <color>#666666</color> <color>#747474</color> <color>#838383</color> <color>#929292</color> <color>#a2a2a2</color> <color>#b2b2b2</color> <color>#c3c3c3</color>
</color-palette>

Blue

已更新。

<color-palette name="Classic Blue" type="ordered-sequential">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#7bc8e2</color> <color>#b4d4da</color>
</color-palette>

Red

已更新。

<color-palette name="Classic Red" type="ordered-sequential">
<color>#9c0824</color> <color>#b10c1d</color> <color>#c21417</color> <color>#cf1719</color> <color>#d8392c</color> <color>#e35745</color> <color>#f57667</color> <color>#f89a90</color> <color>#eac0bd</color>
</color-palette>

Orange

已更新。

<color-palette name="Classic Orange" type="ordered-sequential">
<color>#7b3014</color> <color>#a33202</color> <color>#d74401</color> <color>#f06511</color> <color>#fd8938</color> <color>#fdab67</color> <color>#f0c294</color>
</color-palette>

Area Red

已停用。

<color-palette name="Classic Area Red" type="ordered-sequential">
<color>#bd1100</color> <color>#c92b14</color> <color>#d43e25</color> <color>#e04e35</color> <color>#ea5e45</color> <color>#f46b55</color> <color>#fd7864</color> <color>#fe8b7a</color> <color>#fd9c8f</color> <color>#fbb3ab</color> <color>#f5cac7</color>
</color-palette>

Area Green

已停用。

<color-palette name="Classic Area Green" type="ordered-sequential">
<color>#3c8200</color> <color>#4a8c1c</color> <color>#569735</color> <color>#60a24d</color> <color>#6cae59</color> <color>#7abc5f</color> <color>#8ac765</color> <color>#9ad26d</color> <color>#acdc7a</color> <color>#c3e394</color> <color>#dbe8b4</color>
</color-palette>

Area Brown

已停用。

<color-palette name="Classic Area-Brown" type="ordered-sequential">
<color>#bb5137</color> <color>#bb6348</color> <color>#bb7359</color> <color>#c08262</color> <color>#cc8f63</color> <color>#d89c63</color> <color>#e4aa63</color> <color>#f0b763</color> <color>#f7c577</color> <color>#f6d29c</color> <color>#f3e0c2</color>
</color-palette>

Red-Green Diverging

已更新。

<color-palette name="Classic Red-Green" type="ordered-diverging">
<color>#09622a</color> <color>#1e7735</color> <color>#2f8e41</color> <color>#69a761</color> <color>#a2c18f</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Red-Blue Diverging

已更新。

<color-palette name="Classic Red-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Red-Black Diverging

已更新。

<color-palette name="Classic Red-Black" type="ordered-diverging">
<color>#1e1e1e</color> <color>#383838</color> <color>#565656</color> <color>#777777</color> <color>#9b9b9b</color> <color>#cacaca</color> <color>#fc8375</color> <color>#df513f</color> <color>#d11719</color> <color>#bd1316</color> <color>#9c0824</color>
</color-palette>

Area Red-Green Diverging

已停用。

<color-palette name="Classic Area Red-Green" type="ordered-diverging">
<color>#4a8c1c</color> <color>#559633</color> <color>#5ea049</color> <color>#69aa56</color> <color>#75b65d</color> <color>#82c162</color> <color>#90cb68</color> <color>#a0d571</color> <color>#b1de7f</color> <color>#c7e298</color> <color>#e9dabe</color> <color>#fca294</color> <color>#fe8e7e</color> <color>#fd7e6b</color> <color>#f7705b</color> <color>#ef654d</color> <color>#e6583e</color> <color>#dc4930</color> <color>#d23a21</color> <color>#c82912</color> <color>#bd1100</color>
</color-palette>

Orange-Blue Diverging

已更新。

<color-palette name="Classic Orange-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#7bc8e2</color> <color>#cacaca</color> <color>#fdab67</color> <color>#fd8938</color> <color>#f06511</color> <color>#d74401</color> <color>#a33202</color> <color>#7b3014</color>
</color-palette>

Green-Blue Diverging

已更新。

<color-palette name="Classic Green-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#1c5998</color> <color>#1c73b1</color> <color>#3a87b7</color> <color>#67add4</color> <color>#cacaca</color> <color>#a2c18f</color> <color>#69a761</color> <color>#2f8e41</color> <color>#1e7735</color> <color>#09622a</color>
</color-palette>

Red-White-Green Diverging

已更新。

<color-palette name="Classic Red-White-Green" type="ordered-diverging">
<color>#09622a</color> <color>#297839</color> <color>#428f49</color> <color>#74af72</color> <color>#b9d7b7</color> <color>#ffffff</color> <color>#fcb4a5</color> <color>#e86753</color> <color>#cc312b</color> <color>#b41f27</color> <color>#9c0824</color>
</color-palette>

Red-White-Black Diverging

已更新。

<color-palette name="Classic Red-White-Black" type="ordered-diverging">
<color>#1e1e1e</color> <color>#393939</color> <color>#575757</color> <color>#838383</color> <color>#bfbfbf</color> <color>#ffffff</color> <color>#fcb4a5</color> <color>#e86753</color> <color>#cc312b</color> <color>#b41f27</color> <color>#9c0824</color>
</color-palette>

Orange-White-Blue Diverging

已更新。

<color-palette name="Classic Orange-White-Blue" type="ordered-diverging">
<color>#26456e</color> <color>#2e5f8a</color> <color>#3679a8</color> <color>#6a9ec5</color> <color>#b7cde2</color> <color>#ffffff</color> <color>#ffc2a1</color> <color>#fb8547</color> <color>#d85a13</color> <color>#a84415</color> <color>#7b3014</color>
</color-palette>

Red-White-Black Light

已停用。

<color-palette name="Classic Red-White-Black Light" type="ordered-diverging">
<color>#c6c6c6</color> <color>#d1d1d1</color> <color>#dddddd</color> <color>#e8e8e8</color> <color>#f3f3f3</color> <color>#ffffff</color> <color>#fff0f0</color> <color>#ffe0e1</color> <color>#ffd1d3</color> <color>#ffc2c5</color>
</color-palette>

Orange-White-Blue Light Diverging

已停用。

<color-palette name="Classic Orange-White-Blue Light" type="ordered-diverging">
<color>#c4d8f3</color> <color>#d0e0f6</color> <color>#dce8f8</color> <color>#e8effa</color> <color>#f3f7fd</color> <color>#ffffff</color> <color>#fff5eb</color> <color>#ffead8</color> <color>#ffe0c5</color> <color>#ffd6b1</color> <color>#ffcc9e</color>
</color-palette>

Red-White-Green Light Diverging

已停用。

<color-palette name="Classic Red-White-Green Light" type="ordered-diverging">
<color>#b7e6a7</color> <color>#c6ebb8</color> <color>#d5f0ca</color> <color>#e3f5db</color> <color>#f1faed</color> <color>#ffffff</color> <color>#fff0f0</color> <color>#ffe0e1</color> <color>#ffd1d3</color> <color>#ffc2c5</color> <color>#ffb2b6</color>
</color-palette>

Red-Green Light Diverging

已停用。

<color-palette name="Classic Red-Green Light" type="ordered-diverging">
<color>#b7e6a7</color> <color>#c1e6b4</color> <color>#cae6c0</color> <color>#d4e6cc</color> <color>#dde6d9</color> <color>#e5e5e5</color> <color>#ecdbdc</color> <color>#f2d1d2</color> <color>#f8c7c9</color> <color>#fcbdc0</color> <color>#ffb2b6</color>
</color-palette>
感謝您的意見反應!已成功提交您的意見回饋。謝謝!