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

# Colori

> Preparare l'aspetto predefinito, toni chiari e scuri, tavolozza di colori e colori di stato.

Pagina Creative **Colori** apri la parte. Seleziona la vista predefinita e il colore principale del sito. Il sistema adatta il colore che scegli per aprire e guardare al buio gli elementi; **Pallet** e **Colori importanti** Puoi anche modificare le impostazioni in base alle tue esigenze.

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

> [card] 1. Tonnellata predefinita
>
> Seleziona il luminoso o scuro per la prima vista del visitatore.

> [card] 2. Colore principale luminoso
>
> Seleziona il colore principale della vista aperta.

> [card] 3. Colore principale scuro
>
> Customizzare il colore del punto culminante del look scuro che ti piace.

> [card] 4. pallet dettagliato
>
> Pallet e colori importanti superfici aperte e stato colori.

## Selezionare la vista predefinita

**Tone predefinito** dall'elenco **Luminosità** o **Oscuro** Select. Questa selezione determina la visualizzazione iniziale del sito.

**Tono luminoso** Seleziona il tuo colore principale dalla zona. Il colore che scegli si adatta anche all'aspetto scuro e si adatta al sito. Se vuoi **Tono scuro** Puoi determinare un colore diverso di evidenziazione per l'aspetto scuro dalla zona.

## Pallet dettagliato — opzionale

Se si desidera personalizzare **Pallet → Layout** più dettagliato aprire la strada. Top **Luminous / Dark** Selezionare l'aspetto che si desidera modificare dalla selezione.

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

> [card] 1. Vista modificata
>
> Switch tra la luce e l'oscurità; due pallet sono tenuti separatamente.

> [card] 2. famiglia di colori
>
> Cambia il codice di ogni colore dalla sua area.

> [card] 3. Toni grigi
>
> La scala Gray è utile per regolare i livelli di superficie e di testo diversi.

Pallet; Blu, chiodo, viola, rosa, rosso, arancione, giallo, verde, turchese e vetro famiglie di colore contengono toni grigi. Clicca sul campo di colore e cambia il codice corrispondente.

**Grigio 10–Gri 90** prepara i campi per separare i livelli di superficie, bordo e font l'uno dall'altro. Lascia una differenza tra i livelli di luce e di scuro invece di dare lo stesso colore a tutti i campi grigi. Quindi controlla l'altra apparenza e la sua tavolozza.

## Colori importanti — facoltativo

**Colori importanti** Quando si sceglie il colore principale, il sistema adatta l'aspetto chiaro e scuro. Se si desidera personalizzare i messaggi di stato, il pavimento della pagina o il colore del testo, così come **Colori importanti → Modifica** aprire la finestra e selezionare la visualizzazione corrispondente.

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

> [card] 1. Selezione di Ton
>
> Edit i colori di stato separatamente per l'aspetto leggero e scuro.

> [card] 2. Colori di condizione
>
> Keep messaggi di successo, informazioni, avvisi e Hazard distinguono.

> [card] 3. Piano corpo
>
> Controllare i colori del testo corpo insieme allo sfondo del corpo.

* **Secondo:** Il colore di evidenziazione ausiliaria.
* **Successful / Information / Warning / Danger:** Il colore che indica il tipo di risultato o messaggio di processo.
* **Fondo corpo:** La pagina determina il piano base.
* **Testo del corpo:** Determina il colore del testo di base; controllalo con il pavimento.

## Anteprima e salva

Chiudere le finestre e vedere un pulsante, un lungo paragrafo e un messaggio di informazione. Verifica se gli articoli sono persi nella vista aperta, la descrizione e i bordi sono selezionati in apparenza scuro. **Salvare tutti** completo.

Se si utilizza l'immagine di sfondo, valutare i colori insieme con la visualizzazione. [Contesto](https://docs.zonely.gen.tr/it/guides/page-builder/background.md) nella sezione.


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