---
url: "/ja/tinyimage/logos-colours.md"
description: "クライアントが必要とする、フルカラー、黒、白、グレースケール、カスタムのロゴのバリエーションを用意します。"
---

# ロゴのカラーバリエーションを作成する

> クライアントが必要とする、フルカラー、黒、白、グレースケール、カスタムのロゴのバリエーションを用意します。

クライアント向けのロゴ一式には、たいてい元のフルカラーのアートワーク以外も必要です。**Generate Logos in Figma**や**Export ZIP**に含める、組み込みのカラーバリエーションを選びます。TinyImageは、選択したロゴと配色の組み合わせごとにバリエーションを1つ作成します。

色を変えるときも、TinyImageはアートワーク内の有用な関係を保ちます。

- 元の明るい色と暗い色は、選んだ色の対応する明るい色合いと暗い色合いになります。
- **Black**と**White**のバリエーションでは、塗りのあるロゴの形の中にネストした、コントラストの強い細部に反対のモノクロの色を使います。
- カスタムの配色では、そうしたコントラストの強いネストした細部の元の色が保たれます。
- 塗りのあるレイヤーではなく余白（ネガティブスペース）で表現された抜きの部分は、空のまま保たれます。

## カスタムの単色配色を追加する {#add-custom-single-colour-schemes}

**Custom single-colour schemes (optional)** のスイッチは初期設定で有効になっています。わかりやすい名前に続けて、3桁または6桁のHEXカラーを入力します。

```text
Brand blue: #0066FF
```

複数の配色を追加するには、セミコロンで区切るか、配色ごとに改行します。

```text
Brand blue: #0066FF; Warm red: #E84A3C
```

TinyImageは、有効なカスタム配色ごとに個別のバリエーションを作成します。名前は、ファイル名の`{color}`トークンと、生成されるFigmaのレイヤー名に使われます。HEX値はアートワークのメインの色になり、元の明るい色と暗い色は、その色の対応する明るい色合いと暗い色合いになります。

スイッチをオフにすると、すべてのカスタム配色を**Generate Logos in Figma**と**Export ZIP**から一時的に除外できます。入力欄は無効になりますが内容は保持されるため、色を入力し直さずに再びオンにできます。

## 結果を確認する {#check-the-results}

納品の前に、ネストしたマーク、抜きの形、グラデーション、複数のブランドカラーの濃淡を含むロゴを確認してください。コントラストの強い細部が別のロゴの形の中にある独立した塗りのレイヤーの場合、カスタムの配色ではその元の色が保たれます。たとえば、色付きのマークの中にある白いグリフは白のまま残り、周囲のマークと独立したロゴタイプにはカスタムの色が使われます。

続けて、[Figmaで編集可能なバリエーションを生成する](/ja/tinyimage/logos-figma)か、[ロゴ一式をエクスポートして共有します](/ja/tinyimage/logos-export)。