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

Tableau Desktop には、データの視覚化に効果的なあらかじめデザインされたカラー パレットが多数インストールされています。また、独自のカスタム カラー パレットを作成して使用するオプションもあり、ブランディングに役立ちます。Tableau バージョン 2025.3 以降では、Tableau Desktop での作業フローの中でカスタム カラー パレットを直接作成できます。以前のバージョンの Tableau Desktop では、お使いの Tableau バージョンと共にインストールされている preferences.tps ファイルを変更することでカスタム カラー パレットを作成できます。

Tableau では、次の 3 種類のカラー パレットが提供されます。

カテゴリー: 順序を継承しない不連続フィールド (製品名やカテゴリなど) で、各アイテムに一意の色を割り当てます。

分岐: 連続フィールドでは、中立的な中間点 (白や薄い灰色など) から放射状に広がる 2 つの対照的な色を使用して、正や負の値を持つ定量データや基準値からの偏差を表示します。色の濃さは大きさを示します。

連続: 連続フィールドでは、単一の色の濃さを変化させて定量的な値の範囲を表します。これは、自然に変化しているデータ (低から高へ、すべて正、またはすべて負など) に最適です。

Tableau ワークブックでカスタム カラー パレットを直接作成する (Tableau バージョン 2025.3 以降)

Tableau Desktop では、次の 2 つの方法でカスタム カラー パレットを作成できます。最も頻繁に使用されている方法は、[マーク] カードの [色エンコード] ボックスを使用する方法と、ツールバーから [ワークブックの書式設定] メニューにアクセスする方法です。

マーク カードの [色] からカスタム カラー パレットにアクセスする

Tableau ワークシートで、[マーク] カードの [色] にフィールドをドラッグ アンド ドロップします。

[マーク] カードで [色] を選択します。

[色の編集...] を選択します。
[マーク] カードの [色の編集] オプション。

[色の編集] ダイアログで [カラー パレット] ドロップダウンを展開し、一番下までスクロールして、[カスタム パレットの作成] を選択します。

カテゴリー別カスタム カラー パレットの作成

カテゴリー別カラー パレットには、不連続のディメンションに割り当てることのできる複数の異なる色が含まれています。たとえば、[地域] などの不連続ディメンションが [色] カードに配置されると、Tableau はカテゴリー別の色の凡例を適用します。
カテゴリー別カラー パレットの [カスタム パレットの作成] ダイアログ。

  1. カスタム カラー パレットに名前を付けます。

  2. あらかじめ読み込まれているパレットに基づいてパレットを作成するか、作成しないかを選択します。

  3. [スウォッチの貼り付け] を選択して複数の 16 進コードまたは RGB 値を入力するか、[スウォッチの追加] を選択して色を個別に追加します。

[スウォッチの追加] ダイアログでは、次の操作を実行できます。

  • [暗い] パレットまたは [明るい] パレットから色を選択する

  • 16進コードを入力する

  • プラス記号を選択して、システムのカラー ピッカーから色を追加する

    [スウォッチの追加] を選択すると開く [色の追加] ダイアログ ボックス。

[カラー ピッカー] ダイアログでは、次の操作を実行できます。

  • 16進コードを入力する

  • 赤/緑/青 (RBG) と色相/彩度/明度 (HSV) の値を入力する

  • カラー ピッカーのスペクトルから色を選択する

  1. [OK] を選択します。

  2. カスタム カラーパレットが完成するまでスウォッチを追加し続け、作業内容を保存します。

[マーク] カードの色エンコード ボックスに移動すると、カスタム カラー パレットからビジュアライゼーションのフィールドに色を割り当てることができます。

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

連続カラー パレットには、濃度が変化する単一の色が表示されます。連続カラー レンジでは少なくとも 2 つの終了カラーを指定する必要があります。Tableau は、終了カラー間の色合いを推定します。

連続パレットの [カスタム パレットの作成] ダイアログ。

  1. カスタム カラー パレットに名前を付けます。

  2. あらかじめ読み込まれているパレットに基づいてパレットを作成するか、作成しないかを選択します。

  3. [16 進コード] フィールドに 16 進コード (# 記号なし) を入力するか、空の色スウォッチを選択してカラー ピッカーを使用するか、あるいは [スウォッチの貼り付け] を選択して複数の 16 進コードまたは RGB 値を入力します。

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

分岐パレットは 2 つの連続カラー パレットを組み合わせたもので、中央の色は同じですが、両端の色が異なります。このパレット タイプは、数値の大きさを色の濃度 (明度または暗さ) で示し、特定の色相 (オレンジや青など) はその値の範囲を示します。正の数と負の数の違いを示すには、分岐パレットが最もよく使われています。

分岐カラー パレットの [カスタム パレット作成] ダイアログ。

  1. カスタム カラー パレットに名前を付けます。

  2. あらかじめ読み込まれているパレットに基づいてカスタム パレットを作成するか、作成しないかを選択します。

  3. [16 進コード] フィールドに 16 進コード (# 記号なし) を入力するか、空の色スウォッチを選択してカラー ピッカーを使用するか、あるいは [スウォッチの貼り付け] を選択して複数の 16 進コードまたは RGB 値を入力します。

スウォッチの貼り付け

複数の 16 進コードまたは RGB 値をカンマで区切って貼り付けると、一度に複数のスウォッチを追加できます。

書式設定メニューからカスタム カラー パレットにアクセス

  1. [書式設定] メニューで、[ワークブック] を選択します。

  2. [ワークブックの書式設定] ペインが左側の [データ] ペインに置き換わり、一連のドロップダウンから、ワークブック内のフォント、線のスタイル、カラー パレットを変更できます。

  3. [カラー パレット] までスクロールし、追加するカラー パレットの種類 ([カテゴリー]、[分岐]、[連続]) の横にあるメニューを展開します。

  4. 使用可能なすべてのカラー パレットを一番下までスクロールし、[カスタム パレットの作成] を選択します。

カスタム カラー パレットの削除または変更

  1. Tableau ワークシートの [マーク] カードで [色] を選択します。

  2. [色の編集...] を選択します。

  3. [色の編集] ダイアログで、カラー パレットのドロップダウンを展開し、削除または変更するパレットを選択します。

  4. カテゴリー別パレットの場合は、鉛筆アイコンを選択してパレットを変更するか、ごみ箱アイコンを選択してパレットを削除します。
    分岐パレットまたは連続パレットの場合は、選択したパレットの右側にあるメニューを展開し、[カスタム パレットの編集] または [パレットの削除] を選択します。

    カテゴリ別カラー パレットの編集および削除の機能を表示するために拡大された [色の編集] ダイアログ。

    カスタム パレットの変更または削除のオプションがある、定性的パレットの [色の編集] ダイアログ。

注意: 削除したカスタム カラー パレットは復元できません。これらは Tableau の preferences ファイルに保存されます。Tableau Desktop 内でカスタム カラー パレットを削除すると、preferences ファイルからも削除されます。

  1. [カスタム パレットの編集] ダイアログで、スウォッチを選択して色を変更できます。パレットから色を削除するには、カーソルを合わせたときに表示される [X] を選択します。

    カスタム カラー パレットからスウォッチを削除する機能。

Preferences ファイルを変更してカスタム カラー パレットを作成する (Tableau Desktop 2025.2 以前)

Tableau Desktop 2025.2 以前のバージョンでは、Tableau に付属する preferences.tps ファイルを変更することで、独自のカスタム カラー パレットを作成および使用できます。

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

設定ファイルについて

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

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

: 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 (地域)" などの不連続のディメンションを [色] カードに配置すると、カテゴリー別の色の凡例が使用されます。

4 つの色分けされた領域を示す凡例。

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 つの範囲が表示されます。正の数と負の数の違いを示すために、分岐パレットが最も一般的に使用されます。

色のグラデーション スケールは、総利益が 523,589 ドルであることを示しています。

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

次の例は、分岐カラー パレットを追加するために、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 と呼ばれる。

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 と呼ばれる。

10 色のカラー パレット。

<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

パステル カラー 10 色のカラー パレット。

<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 と呼ばれる。

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

信号機の Tableau カラー パレット。

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

紫、ピンク、グレーの色合いの 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

紫、ピンク、グレーの色合いの 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

緑、オレンジ、黄色の色合いの 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

緑、オレンジ、黄色の色合いの 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

青、赤、茶色の色合いの 5 色のカラー パレット

製造中止。

<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

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