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

# Kleuren

> Bereid standaard uiterlijk, lichte en donkere tonen, kleur palet en status kleuren.

Page Creative **Kleuren** opent het onderdeel. Selecteer de standaardweergave en hoofdkleur van de site. Het systeem past de kleur aan die u kiest om items te openen en donker te zien; **Pallet** en **Belangrijke kleuren** U kunt ook instellingen bewerken volgens uw behoefte.

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

> [card] 1. Standaardton
>
> Selecteer de Helder of Donker voor het eerste uitzicht op de bezoeker.

> [card] 2. Helder hoofdkleur
>
> Selecteer de belangrijkste highlight kleur van het open uitzicht.

> [card] 3. Donkere hoofdkleur
>
> Customiseer de kleur van het hoogtepunt van de donkere look die je leuk vindt.

> [card] 4. Gedetailleerde pallet
>
> Pallet en belangrijke kleuren open oppervlakken en status kleuren.

## Selecteer standaardweergave

**Standaardtoon** uit lijst **Helder** of **Donker** selecteren. Deze selectie bepaalt de initiële weergave van uw site.

**Heldere toon** Selecteer uw hoofdkleur uit het gebied. De kleur die u kiest past zich ook aan het donkere uiterlijk aan en past zich aan de site aan. Als u **Donkere Toon** wilt U kunt een andere kleur van highlight bepalen voor donkere uiterlijk uit het gebied. Gebruik kleurselectieve of kleurcode.

## Gedetailleerde pallet

Als u meer gedetailleerde **Pallet → Layout** wilt aanpassen, open dan de weg. Top **Luminous / Dark** Selecteer de look die u uit de selectie wilt bewerken.

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

> [card] 1. Bewerkde weergave
>
> Switch tussen het licht en het donker; twee pallets worden apart bewaard.

> [card] 2. Kleurfamilie
>
> Verander de code van elke kleur vanuit zijn eigen gebied.

> [card] 3. Grijze tonen
>
> Gray schaal is nuttig om verschillende oppervlakte- en tekstniveaus aan te passen.

Pallet; Blauw, nagel, paars, roze, rood, oranje, geel, groen, turquoise en glazen kleur families bevatten grijze tinten. Klik op het kleurveld en verander de bijbehorende code.

**Gray 10/Gri 90** bereid de velden voor om oppervlakte, rand en lettertype van elkaar te scheiden. Laat een verschil tussen licht en donker niveau in plaats van dezelfde kleur aan alle grijze velden te geven. Controleer dan het andere uiterlijk en zijn palet.

## Belangrijke kleuren

**Belangrijke kleuren** wijzigen van de gebieden is niet verplicht. Wanneer u uw hoofdkleur kiest, past het systeem het licht en donker uiterlijk aan. Als u statusberichten, paginavloer of tekstkleur wilt aanpassen, evenals **Belangrijke kleuren → Bewerken** opent u het venster en selecteert u de bijbehorende weergave.

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

> [card] 1. Ton selectie
>
> Editeer de statuskleuren apart voor licht en donker uiterlijk.

> [card] 2. Conditie kleuren
>
> Houd succesvol, informatie, waarschuwing en gevarenberichten onderscheiden.

> [card] 3. Lichaamsvloer
>
> Bekijk de tekstkleuren van het lichaam samen met de achtergrond van het lichaam.

* **Secundair:** De extra highlight kleur.
* **Successful / Information / Warning / Danger:** De kleur die het type procesresultaat of bericht vertelt. Gebruik de tons die gemakkelijk van elkaar kunnen worden onderscheiden.
* **Achtergrond van de tekst:** De pagina bepaalt de basisvloer.
* **Lichaamstekst:** Bepaalt de kleur van de basistekst; controleer deze met de vloer.

## Voorbeeld en opslaan

Sluit vensters en zie een knop, een lange paragraaf en informatiebericht. Bekijk of artikelen in het open zicht, beschrijving en randen worden geselecteerd in donkere verschijning. **Alles opslaan** compleet met.

Als u achtergrondfoto's gebruikt, evalueren kleuren samen met visuele. Visuele instellingen [Achtergrond](https://docs.zonely.gen.tr/nl/guides/page-builder/background.md) in de sectie.


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