> ## 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.

# Colores

> Prepare el aspecto predeterminado, tonos ligeros y oscuros, paleta de colores y colores de estado.

Página Creative **Colores** abre la parte. Seleccione la vista predeterminada y el color principal del sitio. El sistema adapta el color que usted elige para los elementos abiertos y de aspecto oscuro; **Pallet** y **Colores importantes** También puede editar los ajustes de acuerdo a su requisito.

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

> [card] 1. Tonelada por defecto
>
> Seleccione el Bright o el Dark para la primera vista del visitante.

> [card] 2. Color principal brillante
>
> Seleccione el color principal de la vista abierta.

> [card] 3. Color principal oscuro
>
> Personalizar el color del punto culminante de la oscuridad te parece.

> [card] 4. Palets detallados
>
> Pallet y Colores Importantes superficies abiertas y colores de estado.

## Seleccione la vista predeterminada

**Tono predeterminado** de la lista **Brillante** o **Oscuro** Select. Esta selección determina la vista inicial de su sitio.

**Tono brillante** Seleccione su color principal desde el área. El color que elija también se adapta a la apariencia oscura y se adapta al sitio. Si desea **Tono oscuro** Puede determinar un color diferente de la apariencia oscura desde el área. Utilice el código de color selectivo o color.

## Palets detallados — opcional

Si desea personalizar más detallada **Pallet → Diseño** abrir el camino. Top **Luminous / Dark** Seleccione el look que desea editar desde la selección.

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

> [card] 1. Vista revisada
>
> Switch entre la luz y la oscuridad; dos pallets se mantienen separados.

> [card] 2. Familia de color
>
> Cambiar el código de cada color desde su propio área.

> [card] 3. Tonos grises
>
> La escala de grises es útil para ajustar diferentes niveles de superficie y texto.

Pallet; Azul, clavo, púrpura, rosa, rojo, naranja, amarillo, verde, turquesa y las familias de color de vidrio contienen tonos grises. Haga clic en el campo de color y cambie el código correspondiente.

**Gris 10-Gri 90** prepara los campos para separar los niveles de superficie, borde y fuente entre sí. Deja una diferencia entre los niveles de luz y oscuro en lugar de dar el mismo color a todos los campos grises.

## Colores importantes — opcional

**Colores importantes** no es obligatorio cambiar las áreas. Cuando elija su color principal, el sistema adapta la apariencia ligera y oscura. Si desea personalizar los mensajes de estado, el suelo de página o el color de texto, así como **Colores importantes → Editar** abre la ventana y selecciona la vista correspondiente.

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

> [card] 1. Selección de toneladas
>
> Editar los colores de estado por separado para la apariencia ligera y oscura.

> [card] 2. Colores de estado
>
> Mantén mensajes exitosos, de información, alerta y peligro distinguidos.

> [card] 3. Piso del cuerpo
>
> Verifique los colores del texto del cuerpo junto con el fondo del cuerpo.

* **Secundaria:** El color de relieve auxiliar.
* **Successful / Information / Warning / Danger:** El color que indica el tipo de resultado del proceso o mensaje. Utilice las toneladas que se distinguen fácilmente entre sí.
* **Antecedentes corporales:** La página determina el piso básico.
* **Texto del cuerpo:** Determina el color del texto básico; compruebe con el suelo.

## Previsualización y ahorro

Cerrar ventanas y ver un botón, un párrafo largo y un mensaje de información. Echa un vistazo a si los artículos se pierden en la vista abierta, descripción y bordes se seleccionan en apariencia oscura. **Guardar todo** completa con.

Si utilizas la imagen de fondo, evalúa los colores junto con la visual. Ajustes visuales [Antecedentes](https://docs.zonely.gen.tr/es/guides/page-builder/background.md) en la sección.


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