# カラー

{% tabs %}
{% tab title="シンプルガイド" %}
左ツールバーの「ブランディング」タブの「カラー」セクションで、ブランドカラーを設定できます。 プライマリーカラー、セカンダリーカラー、スクリーン背景色、テキストカラーを設定できます。

一旦これらが設定されると、アプリの画面に追加する新しいコンポーネントは、これらのデフォルトを使用します。 例えば、App Barコンポーネントは、デフォルトでブランディングの原色を使用します（もちろん、コンポーネントの色を好きなものに変更することもできます）。

ブランディングタブで色を変更すると、そのブランディングカラーを使用しているすべてのコンポーネントが自動的に一度に更新されます。

![](/files/ExVsX0Qxpw3BUqvQRjTf)

ブランディングカラーは、Adaloカラーピッカーのプリセットパレットオプションに自動的に追加されます。 カラーピッカーの一番下の行の最後の2色は、テキストカラーとスクリーン背景色の選択に設定されます。

![](/files/HwbpmYjSQ5M15Pwa23dp)
{% endtab %}
{% endtabs %}

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクも貼っておくことを忘れないでください！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/ja/design/branding/colors.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.