> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getqr.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 色

> QRコード、フレーム、キャプションの色を変更します。

コード、フレーム、キャプションの色を変えて、QRコードをブランドに合わせましょう。用意されたカラープリセットを選ぶことも、色を1つずつ設定することもできます。

## 始める前に

* これらの設定は **Custom designs** タブにあります。Branded designs については、[ブランドQRコード](/ja/design/branded-qr)を参照してください。

## QRコードの色を変更する

**1. デザインステップを開く**

ビルダーで **Customize & Download** に進み、**Custom designs** のままにします。

**2. Customization を開く**

**Customization** チップをクリックします。

**3. カラーピッカーを開く**

**QR Color** フィールドをクリックします。

**4. 色を選ぶ**

**Palette** でスウォッチを選ぶか、**Solid** でドラッグするか、`#003323` のような16進カラーコードをフィールドに入力します。

> [!TIP]
>
> ブラウザが対応している場合、ポップオーバーにスポイトボタンが表示されます。ロゴなど、画面上の任意の場所から色を拾うことができます。

黒に戻すには、フィールドの横にあるリセットボタン（円形の矢印）をクリックします。このボタンは、色がデフォルトから変更されると表示されます。

## カラープリセットを使う

フレームには、QRコード、フレーム、キャプションの色をまとめて設定できるカラープリセットが用意されています。

**1. Frame を開く**

**Frame** チップをクリックします。

**2. フレームを選ぶ**

**Frame around the QR code** の下からフレームを選びます。

**3. プリセットを選ぶ**

**Color presets** の下からスウォッチグループを選びます。

プリセットを選んだ後でも、**Customization** チップで各色を微調整できます。

## 設定

| 設定 | 場所 | 機能 |
| - | - | - |
| **QR Color** | **Customization** | コードのドットと角の色。デフォルトは黒。 |
| **Frame color** | **Customization**（フレーム選択時） | コードの周りのフレームの色。 |
| **Text Color** | **Customization**（フレーム選択時） | フレームのキャプションの色。 |
| **Color presets** | **Frame**（プリセットのあるフレームのみ） | QR、フレーム、キャプションの色をワンクリックで設定。 |

> [!NOTE]
>
> ビルダーでは単色を使用します。Custom design の背景は白です。[背景](/ja/design/backgrounds)を参照してください。

## 読み取りやすい配色のコツ

* コードは暗く、背景は明るくしましょう。スマートフォンのカメラは、明るい背景に暗いコードを最も確実に読み取ります。
* コントラストを強く保ちましょう。白の上の薄いグレー、黄色、パステルカラーのコードは読み取れないことがあります。
* キャプションをフレームに対して読みやすくしましょう。**Text Color** と **Frame color** に同じ色を使わないでください。
* 印刷する前に、複数のスマートフォンでテストしましょう。

## よくある問題

> **QRの色を白に設定できない**
>
> 白い背景の上の白いコードは読み取れないため、**QR Color** に白は使用できません。代わりに暗い色を選んでください。

> **16進カラーコードが赤く表示される**
>
> 有効な16進カラーの値ではありません。`#RRGGBB` 形式（例：`#0035cc`）を使用してください。

> **Frame color や Text Color が表示されない**
>
> これらのフィールドはフレームを選択したときにのみ表示されます。まず **Frame** チップでフレームを選んでください。

> **Color presets が表示されない**
>
> すべてのフレームにプリセットがあるわけではなく、フレームなしのオプションにもプリセットはありません。別のフレームを選んでください。

> **色を変えたらコードが読み取れなくなった**
>
> コントラストが低すぎる可能性があります。より暗い **QR Color** を選んで、もう一度テストしてください。

## 次のステップ

> **[フレーム](/ja/design/frames)**

> **[背景](/ja/design/backgrounds)**

> **[ロゴを追加する](/ja/design/logo)**

> **[QRコードを印刷する](/ja/downloads/printing)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.