创建自定义调色板

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. 按照以下程序之一创建自定义调色板,方法是在 color-palette 标签之间插入 preferences 标签。例如:
    <?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. 单击“确定”

创建连续调色板

另一种类型的调色板是连续调色板。这种类型的调色板用于连续字段,通常用于度量。通常,连续调色板显示浓度不同的单一颜色。

您必须至少指定连续颜色范围中的两种结束颜色。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 Grays”

<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 Blind”

<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

更新为“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

更新为“Purple-Pink-Gray”

<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

更新为“Green-Orange-Teal”

<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

更新为“Blue-Red-Brown”

<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

更新为“Hue Circle”

<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>
感谢您的反馈!您的反馈已成功提交。谢谢!