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

# 彩色彩色

> デフォルトの外観、光とダークトーン、カラーパレット、ステータスカラーを用意します。

ページのクリエイティブ**彩色彩色**は、部分を開きます。 サイトのデフォルトのビューとメインカラーを選択します。 システムは、あなたが開くことを選択し、ダークなアイテムを探し出す色を適応させます。 **パレット**と**重要な色** あなたの要件に応じて設定を編集することもできます。

[![Default ton, Bright main color, Dark main color, Detailed pallet](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/05-renkler-ja.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=ef6eee7b4ebd8ff89d46b4245f08fe4a)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/05-renkler-ja.png)

> [card] 1. デフォルト トン
>
> 訪問者の最初のビューのために明るいか暗いを選んで下さい。

> [card] 2. 明るい主要な色
>
> は、オープンビューのメインハイライト色を選択します。

> [card] 3. 暗い主要な色
>
> 暗闇のハイライトの色をカスタマイズする あなた好みを見ます。

> [card] 4. 詳しいパレット
>
> Palletおよび重要な色の開いた表面および状態色。

## デフォルトビューを選択

**デフォルトトーン** リストから **明るい** または **ダーク** 選択します。この選択は、サイトの初期表示を決定します。

**明るい調子** エリアからメインカラーを選択します。 選択した色も暗い外観に適応し、サイトに適応します。 **ダークトーン**が必要な場合は、エリアから暗い外観のためのハイライトの異なる色を決定することができます。 色の選択またはカラーコードを使用してください。

## パレットの詳細 — 任意

より詳細な**パレット → レイアウト**をカスタマイズしたい場合は、方法を開きます。 選択から編集したい外観を選択 **Luminous / Dark** 選択します。

[![Layout appearance, Color family, Gray tones](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/06-palet-ja.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=5cff99db4cee7354f5d266f6bcfacf55)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/06-palet-ja.png)

> [card] 1. 編集されたビュー
>
> 光とダークの間 Switch; 2つのパレットは別々に保たれます。

> [card] 2. 色の家族
>
> 独自の領域から各色のコードを変更します。

> [card] 3. 灰色の調子
>
> Grayスケールは、異なる表面とテキストレベルを調整するのに便利です。

パレット;青、爪、紫、ピンク、赤、オレンジ、黄色、緑、ターコイズとガラス色の家族は灰色の調子を含んでいます。色素をクリックし、対応するコードを変更します。

**グレー10-グリ90**は、各々の表面、エッジ、フォントレベルを分離するためにフィールドを用意します。すべての灰色のフィールドに同じ色を与える代わりに、光とダークレベルの違いを残してください。その後、他の外観とパレットを確認してください。

## 重要な色 — 任意

**重要な色**はエリアを変更する必要はありません。メインカラーを選択すると、システムが光と暗い外観を適応させます。ステータスメッセージ、ページフロア、テキストカラー、および**重要な色 → 編集**のウィンドウを開き、対応するビューを選択します。

[![Ton selection, Condition colors, Body floor](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/07-onemli-renkler-ja.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=c90471946eea264841a35d082974e3b2)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/07-onemli-renkler-ja.png)

> [card] 1. トンの選択
>
> は、光と暗い外観のために別々の状態の色を編集します。

> [card] 2. 条件色
>
> Keep は、情報、アラート、および危険メッセージを区別しました。

> [card] 3. ボディ床
>
> ボディ背景とともにボディテキスト色をチェックします。

* **二次:** 補助的なハイライト色。
* **Successful / Information / Warning / Danger:** プロセス結果やメッセージの種類を伝えている色。 互いに容易に区別されるトンを使用してください。
* **ボディ背景:** このページは基本フロアを決定します。
* \*\*ボディ テキスト:\*\*は基本テキストの色を決定します。床でそれを確認します。

## プレビューと保存

ウィンドウを閉じて、ボタン、長い段落と情報メッセージが表示されます。 記事が開いたビューで失われたかどうかをチェックし、説明とエッジが暗い外観で選択されているかどうかを確認します。 **保存する すべて** 完了します。

背景画像を使うと、色を視覚的に評価します。セクションの[背景:](https://docs.zonely.gen.tr/ja/guides/page-builder/background.md)のビジュアル設定。


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