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

# Couleurs

> Préparer l'apparence par défaut, les tons clair et foncé, la palette de couleurs et les couleurs d'état.

Page Creative **Couleurs** ouvrir la pièce. Sélectionnez la vue par défaut et la couleur principale du site. Le système adapte la couleur que vous choisissez pour ouvrir et sombrer des éléments; **Palette** et **Couleurs importantes** Vous pouvez également modifier les paramètres selon vos besoins.

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

> [card] 1. Ton par défaut
>
> Sélectionnez la couleur vive ou sombre pour la première vue du visiteur.

> [card] 2. Couleur principale lumineuse
>
> Sélectionnez la couleur de surlignement principale de la vue ouverte.

> [card] 3. Couleur principale foncée
>
> Personnalisez la couleur du point culminant de l'aspect sombre que vous aimez.

> [card] 4. Palette détaillée
>
> Pallet et Couleurs importantes ouvrent les surfaces et les couleurs d'état.

## Sélectionner la vue par défaut

**Tonalité par défaut** de la liste **Lumineux** ou **Noir** Select. Cette sélection détermine la vue initiale de votre site.

**Tonalité lumineuse** Sélectionnez votre couleur principale dans la zone. La couleur que vous choisissez s'adapte également à l'apparence sombre et s'adapte au site. Si vous voulez **Tonalité noire** Vous pouvez déterminer une couleur différente de surbrillance pour l'apparence sombre de la zone. Utilisez la couleur sélective ou le code de couleur.

## Palette détaillée — optionnelle

Si vous voulez personnaliser plus détaillée **Palette → Mise en page** ouvrir la voie. Haut **Luminous / Dark** Sélectionnez le look que vous souhaitez modifier à partir de la sélection.

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

> [card] 1. Vue éditée
>
> Switch entre la lumière et l'obscurité; deux palettes sont conservées séparément.

> [card] 2. Famille de couleurs
>
> Changer le code de chaque couleur de sa propre zone.

> [card] 3. Tonalités grises
>
> Gray échelle est utile pour ajuster différents niveaux de surface et de texte.

Palette; Bleu, ongles, violet, rose, rouge, orange, jaune, vert, turquoise et les familles de couleurs de verre contiennent des tons gris. Cliquez sur le champ de couleur et changez le code correspondant.

**Gris 10–Gri 90** prépare les champs à séparer les niveaux de surface, de bord et de police les uns des autres. Laissez une différence entre les niveaux de lumière et de noir au lieu de donner la même couleur à tous les champs gris.

## Couleurs importantes — optionnelles

**Couleurs importantes** modifier les zones n'est pas obligatoire. Lorsque vous choisissez votre couleur principale, le système adapte l'apparence claire et sombre. Si vous voulez personnaliser les messages d'état, page plancher ou couleur de texte ainsi que **Couleurs importantes → Modifier** Ouvrez la fenêtre et sélectionnez la vue correspondante.

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

> [card] 1. Sélection de la tonne
>
> Éditez les couleurs d'état séparément pour l'apparence claire et sombre.

> [card] 2. Couleurs de l'état
>
> Gardez des messages d'information, d'alerte et de danger distingués.

> [card] 3. Plancher de la caisse
>
> Vérifiez les couleurs du texte corporel avec le fond du corps.

* **Secondaire:** La couleur de surlignement auxiliaire.
* **Successful / Information / Warning / Danger:** La couleur qui indique le type de résultat ou de message du processus. Utilisez les tonnes qui sont facilement distinguées les unes des autres.
* **Contexte de l'organisme:** La page détermine le plancher de base.
* **Texte du corps :** Détermine la couleur du texte de base; vérifiez-le avec le plancher.

## Aperçu et enregistrement

Fermez les fenêtres et voyez un bouton, un long paragraphe et un message d'information. Vérifiez si les articles sont perdus dans la vue ouverte, la description et les bords sont sélectionnés en apparence sombre. **Enregistrer tout** - Avec.

Si vous utilisez l'image de fond, évaluez les couleurs avec visuel. Paramètres visuels [Historique](https://docs.zonely.gen.tr/fr/guides/page-builder/background.md) dans la section.


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