> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ブロックカラーのカスタマイズ

> ブロックカラーパレットから選んだり、完全にカスタムのブロックカラーを指定したり、Craftで自分だけのデフォルトブロックカラーを設定したりできます。

ブロックカラーは、コンテンツを目立たせるためのシンプルな方法です。コールアウトやセクションの色分けはもちろん、ページに個性を加えるのにもぴったりです。ブロックカラーパレットには、色のスペクトラム全体をカバーするバランスの取れたカラーが用意されており、ぴったりの色が見つからない場合は完全にカスタムのカラーを作成できます。

## ブロックカラーを適用する

<Steps>
  <Step title="ブロックを選択する">
    色を付けたいブロックをクリックします。複数のブロックをまとめて選択することもできます。

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=89e724af9695db974901a249c837bc30" alt="ブロックを選択する" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-1.png" />
  </Step>

  <Step title="フォーマットパネルを開く">
    右サイドバーを開き、**フォーマット**タブを選択します。
  </Step>

  <Step title="ブロックカラーを選ぶ">
    **装飾**の下にある**ブロック**を選択し、**カラー**パレットからカラーを選びます。カラーにポインターを合わせると、ツールチップに名前が表示されます。

    <img src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=e293e198ba0c255b778adb624533e85b" alt="ブロック装飾とカラーパレットが表示されたフォーマットパネル" width="928" height="759" data-path="images/write-and-edit/styling/block-colors/en/content/apply-block-color-step-2.png" />
  </Step>
</Steps>

スラッシュコマンドメニューを含め、ブロックカラーを選ぶ場所ではどこでも同じパレットが表示されるため、どこから適用してもカラーは常に同じ見た目になります。

## カスタムブロックカラーを選ぶ

パレットにない色合いを使いたいときは、次の手順で指定できます。

<Steps>
  <Step title="カラーピッカーを開く">
    ブロックカラーパレットの末尾にあるカスタムカラーオプションを選択します。
  </Step>

  <Step title="色合いを選ぶ">
    色合いのグリッドから探したり、スペクトラムから選んだり、スライダーで微調整したりできます。
  </Step>

  <Step title="正確な値を入力する">
    RGB または HSB の値を入力すると、正確なカラーを指定できます。ブランドカラーを使う場合に便利です。
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=bccaba891fdf8399f03f5ab484ba8a98" data-path="images/write-and-edit/styling/block-colors/en/content/custom-block-color.mp4" />

## 自分だけのデフォルトブロックカラーを設定する

デフォルトパレット内の任意のカラーを、自分の好きな色合いに置き換えることもできます。お気に入りのカラーをいつでも手元に置いておきたい場合や、特定のブランドカラーをドキュメント全体で使いたい場合に最適です。

<Steps>
  <Step title="パレットのカラーでコンテキストメニューを開く">
    ブロックカラーパレットで、置き換えたいカラーを右クリック（macOS）または長押し（iOS）します。
  </Step>

  <Step title="カラーをカスタマイズする">
    カラーをカスタマイズするオプションを選び、カラーピッカーで好みの色合いを選択します。以降、ブロックカラーが表示されるすべての場所で、パレットのその位置に自分のカラーが表示されます。
  </Step>

  <Step title="必要に応じてリセットする">
    元のカラーに戻すには、そのカラーで再度コンテキストメニューを開いてリセットします。
  </Step>
</Steps>

<video autoPlay muted loop playsInline className="w-full rounded-xl" src="https://mintcdn.com/craft-support/bFuq7qeKyFxnmv1W/images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4?fit=max&auto=format&n=bFuq7qeKyFxnmv1W&q=85&s=16685de5e91e25ddfbc9882ed7293e00" data-path="images/write-and-edit/styling/block-colors/en/content/default-block-colors.mp4" />

<Info title="テーブルとコレクション">
  テーブルとコレクションは、設定されたブロックカラーを引き継ぎます。そのため、他のコンテンツと同じようにこれらのブロックも色分けできます。
</Info>

## 関連記事

<CardGroup cols={2}>
  <Card title="バックドロップ、カラー、セパレーター" href="/ja/write-and-edit/styling/quick-guide">
    バックドロップ、ドキュメントとテキストのカラー、セパレーターをカスタマイズする
  </Card>

  <Card title="デフォルトスタイル" href="/ja/write-and-edit/styling/default-styles">
    好みのスタイルをデフォルトとして設定する
  </Card>
</CardGroup>