カスタム カラー パレットの作成

Tableau Desktop には、マップ、ヒートマップ、棒グラフなど、さまざまな場面でデータに効果的に色を組み合わせて適用できるよう設計されたカラー パレットが用意されています。Tableau Desktop に付属する Preferences.tps ファイルを変更して、独自のカスタム カラー パレットを作成して使用することもできます。たとえば、企業のブランドに合わせたカスタムのカテゴリー パレットを作成できます。

設定ファイルについて

Preferences.tps ファイルに必要な数のカスタム パレットを追加できます。それぞれのパレットには、必要な数の色を含めることができます。各カスタム パレットに追加できる色の数に制限はありませんが、[色の編集] ダイアログ ボックスには 20 色しか表示されません。20 色を超える色をデータ項目に手動で割り当てる必要がある場合は、各パレットに 20 色以下のカスタム パレットを複数作成することをお勧めします。

Preferences.tps を変更して色を追加するときは、新しい色には標準の HTML 形式 (16 進コードの #RRGGBB または Red Green Blue 形式) を使用してください。ワークブックを保存して Tableau Desktop を再起動すると、Preferences.tps に追加したカラー パレット名が [カラー パレットの選択] ドロップダウン リスト ([色の編集] ダイアログ) に表示されます。カスタム パレットは他のパレットと同じように使用できます。

Tableau はカスタムのカラー パレットをテストまたはサポートしていません。そのため、続行する前には必ずワークブックをバックアップするようにしてください。また、作成したカスタム カラー パレットが将来の Tableau Desktop のアップグレードで動作するという保証もありません。

: Preferences.tps ファイルを編集するときは、ストレート引用符 (' '" ") でパレット名とタイプを区切ります。スマート引用符 (“ ” や ‘ ’) は使用しないでください。

設定ファイルの編集

Preferences.tps ファイルは、Tableau Desktop のインストール時に作成される [マイ Tableau リポジトリ] フォルダーにあります。このフォルダーは、[ドキュメント] ディレクトリの下にあるでしょう。preferences ファイルはテキスト エディターで開いて変更できる基本的な XML ファイルです。未編集の設定ファイルは、次のようになります:

設定ファイルを編集するには:

  1. [ドキュメント] ディレクトリの [マイ Tableau リポジトリ] フォルダーに移動し、テキスト エディターで Preferences.tps ファイルを開きます。
  2. workbook の開始タグと終了タグの間に、以下のように preferences の開始タグと終了タグを挿入します。
    <?xml version='1.0'?>
    <workbook>
    <preferences>
    </preferences>
    </workbook>

    : Preferences.tps ファイルには既に preferences タグが含まれているため、もう一度追加する必要はありません。

  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 タグのセットをもう 1 つ追加します。
    <?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 (地域)" などの不連続のディメンションを [色] カードに配置すると、カテゴリー別の色の凡例が使用されます。

preferences ファイルでは、カテゴリー別パレットは 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] をクリックします。

連続カラー パレットの作成

もう 1 つのパレットの種類として、連続カラー パレットがあります。この種類のカラー パレットは、連続フィールド (通常はメジャー) に使用します。通常、連続カラー パレットには、濃度が変化する単一の色が表示されます。

連続カラー レンジで少なくとも 2 つの終了カラーを指定する必要があります。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 の連続カラー パレットの既定では、連続の上限は濃くなり、下限は薄くなります。[反転] チェック ボックスをオンにすると、その逆になります。

分岐カラー パレットの作成

カラー パレットの 3 つ目の種類は、分岐カラー パレットです。分岐カラー パレットは、一方の極端からもう一方の極端へのグラデーションではなく、中央の色は同じであるが極端が異なる 2 つの連続カラー パレットのようなものです。この種類のパレットには、数値の大きさを示す色の濃度 (明暗) と、数値が含まれる範囲を示す実際の色 (オレンジまたは青) を使用して、値の 2 つの範囲が表示されます。正の数と負の数の違いを示すために、分岐パレットが最も一般的に使用されます。

カスタム分岐カラー パレットの作成

次の例は、分岐カラー パレットを追加するために、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. [パレットの割り当て] ボタンをクリックします。パレットの色は、Preferences ファイルに表示される順序で使用されます。

製造中止 (クラシック) カラー パレットの使用

バージョン 10.0 では、Tableau は新しいカラー パレットの作成、一部の既存カラー パレット ([Tableau 10] や [Tableau 20] など) の更新、およびその他のカラー パレットの廃止を行いました。廃止されたカラー パレットの使用を続けたい場合は、Preferences.tps ファイルを編集して、パレットの HEX 値を追加してください。カラー パレットは、必要な数だけ追加できます。

廃止されたカラー パレットの HEX 値

次の表は、廃止されたカラー パレットとその XML コードおよび HEX 値のリストです。廃止されたカラー パレットを復元するには、Preferences.tps ファイルでこれらのコードおよび値を使用してください。コードをそのまま使用すると、パレット名が Classic で始まり、これによってバージョン 10.0 以前のものであることが分かります。ほとんどの場合、廃止されたカラー パレットの更新版が存在します。

バージョン 9.x のパレット名Version 9.x HEX 値

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

今は ableau 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>

灰色 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>

紫 - 灰色 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>

紫 - 灰色 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>

灰色

更新

<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>
フィードバックをお送りいただき、ありがとうございます。フィードバックは正常に送信されました。ありがとうございます!