> ## 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-zh-CN.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=76f0e016ebb0422df08777042e7a3f8f)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/05-renkler-zh-CN.png)

> [card] 1. 默认吨
>
> 选择访问者的第一个视图的亮或暗 。

> [card] 2. 明亮的主色调
>
> 选择打开视图的主亮度颜色。

> [card] 3. 暗色主色调
>
> 定制您喜欢的黑暗外观的亮点颜色 。

> [card] 4. 详细托盘
>
> 托盘和重要颜色打开了表面和状态颜色.

## 选择默认视图

**默认音调** 从列表中 **亮点** 或 或 双 **暗色( 暗色)** 选择。此选择决定了您网站的初始视图。

**亮色调** 从区域中选择您的主要颜色。 您选择的颜色也会适应暗色外观, 并适应网站。 如果您想要的话 **暗色调** 您可以为来自区域的暗色外观确定不同的亮点颜色。 使用颜色选择或颜色代码 。

## 详细托盘-可选

如果要自定义更详细的 **托盘 → 版式** 打开路,上边 **Luminous / Dark** 选择您要从选中的外观 。

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

> [card] 1. 编辑的视图
>
> 将光与暗之间切换;两个托盘分开保存.

> [card] 2. 有色人种
>
> 从自己的区域更改每个颜色的代码.

> [card] 3. 灰色调
>
> 灰度尺度对调整不同的表面和文本级别很有用.

花盘; 蓝色,指甲,紫色,粉红色,橙色,黄色,绿色,绿色和玻璃色家族都含有灰色色调. 点击颜色字段并更改相应的代码.

**灰色 10- 格里 90** 准备将字段从表面、边缘和字体级别相分离。留下光和暗的级别之间的区别,而不是给所有灰色字段以相同的颜色。然后检查另一个外观和它的调色板。

## 重要颜色——可选

**重要颜色** 更改区域不是强制的。当您选择主色调时,系统会调整光和暗的外观。如果您想要自定义状态信息,则会同时修改页面层或文本颜色 **重要颜色 – 编辑** 打开窗口并选择相应的视图。

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

> [card] 1. 吨数选择
>
> 分别编辑光和暗相的状态颜色。

> [card] 2. 条件颜色
>
> 保持成功,区分信息、警报和危险信息。

> [card] 3. 体积
>
> 检查身体文本的颜色以及身体背景。

* **中学:** 辅以出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出出
* **Successful / Information / Warning / Danger:** 显示进程结果或消息的颜色。 使用易于区分的吨数 。
* **机构背景:** 页面决定了基本楼层.
* **正文文本( O) :** 确定基本文本的颜色;用地板检查。

## 预览并保存

关闭窗口并查看按钮、长段落和消息。 请检查是否在打开视图中丢失文章, 描述和边缘是否在暗色外观中被选中 。 **全部保存( O)** 完成 。

如果您使用背景图片, 请将颜色与视觉一起评价。 视觉设置 [背景情况](https://docs.zonely.gen.tr/zh-CN/guides/page-builder/background.md) 中,在节中。


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