Wix Editor: Het kleurenthema aanpassen

Leestijd 5 minuten
Het maken van een kleurenthema is een belangrijke stap in het ontwerpproces van je website. Bij consequent gebruik zetten deze kleuren de toon voor bezoekers en laten ze hen kennismaken met je merk. 
Screenshot van het kleurenthemapaneel.
Je kleurenthema wordt automatisch gebruikt op je hele website en in de 'thema'-elementen in het Toevoegen-paneel. Je kunt de kleuren van je thema ook toepassen op elk element op je website.
Lees in dit artikel meer over:

Het aanpassen van je kleurenthema

Er zijn talloze voorinstellingen voor kleurthema's beschikbaar die je op je website kunt toepassen. Deze thema's zijn zorgvuldig gecreëerd met complementaire kleuren die een scala aan stijlen dekken, van strakke en verfijnde pastelkleuren tot gedurfde en heldere paletten. Blader door de vooringestelde thema's en kies de perfecte optie voor jouw merk.

Nadat je een vooringesteld kleurthema hebt gekozen, kun je de afzonderlijke kleuren ook aanpassen.

Om een kleurenthema te kiezen en aan te passen:

  1. Klik links in de Editor op Website ontwerp.
  2. Wijs je Kleur- en tekstthema aan en klik op Aanpassen.
  3. Klik onder Huidige thema op Kleuren.
  4. Wijs je Kleurenthema aan en klik op Wijzigen.
  5. Blader door de vooringestelde thema's en klik om een nieuwe te selecteren.
Screenshot van het website-ontwerppaneel. De cursor wijst een websitethema om te selecteren aan.
  1. (Optioneel) Pas de kleuren van je thema aan:
    1. Wijs je Huidige thema aan en klik op Kleuren.
    2. Klik naast de betreffende kleur op het Kleur bewerken-pictogram.
    3. Selecteer een nieuwe kleur door ofwel de cursor te gebruiken om een nieuwe kleur te zoeken en te selecteren, of door de exacte kleur in HEX-, RGB- of HSB-waarden in te voeren
GIF met de cursor die nieuwe kleuren selecteert.
  1. (Optioneel) Klik op een tint op de kleurenschaal om deze naar wens aan te passen door de intensiteit en helderheid in te stellen.
Screenshot van het paneel dat laat zien waar je de intensiteit en helderheid van de tint kunt aanpassen.

Themakleuren toepassen op elementen op je website

Je kunt de kleuren van je thema toepassen op elk element op je website. Ze worden opgeslagen in de kleurkiezer in de ontwerppanelen:
Screenshot van het kleurenkiezerpaneel dat is geopend vanuit het ontwerp van een verzamelvak.
Tip:
Je kunt aangepaste kleuren die geen deel uitmaken van je thema ook opslaan in de kleurenkiezer. Klik naast Mijn kleuren op +Toevoegen om een nieuwe kleur te selecteren.
Bovendien bevatten de thema-elementen in het Toevoegen-paneel in de Editor al de kleuren van je thema (bijv. themaknoppen, -vakken en -lijnen), dus je hoeft je geen zorgen te maken over het handmatig aanpassen ervan aan je website.
Screenshot met thema-elementen die kunnen worden toegevoegd vanuit het Toevoegen-paneel.

Begrijpen hoe je themakleuren op je website worden gebruikt

Je themakleuren worden niet alleen weergegeven in de kleurenkiezer, maar worden ook als volgt op je website gebruikt:

Kleur 1: Achtergrond & Tekst

Kleur 1 wordt gebruikt voor achtergrond en tekst op je hele site. Als je Wix apps (bv. Wix Stores, Wix Blog, etc.) aan je site hebt toegevoegd, gebruiken die pagina's dezelfde achtergrond- en tekstkleuren. 
In de meeste gevallen zie je dat de helderste tint (1) wordt gebruikt voor de achtergrond en de donkerste (2) voor de tekst. We raden je aan een contrastrijke combinatie te creëren, zodat de informatie op je site goed te lezen is.
Screenshot met kleur 1

Kleur 2: Actiekleur

Trek bezoekers aan met de gewenste keuzes door het selecteren van een opvallende actiekleur. Deze kleur wordt gebruikt voor bruikbare elementen zoals links, knoppen en menu-elementen. Deze verschijnt ook in thema-elementen zoals knoppen en vakken, evenals pagina's die verband houden met Wix-apps (bv. Wix Stores, Wix Blog, enz.)
De tint in het midden wordt het vaakst gebruikt, dus we raden aan om er een te kiezen die goed contrasteert met je achtergrond. Dit zorgt ervoor dat de belangrijkste elementen van je site toegankelijk zijn en opvallen.
Screenshot met kleur 2

Kleuren 3, 4 en 5: Extra kleuren

Kies drie extra kleuren om je kleurenschema compleet te maken.Deze worden op verschillende plaatsen op je site weergegeven, dus ze moeten overeenkomen met en een aanvulling zijn op de andere kleuren die je hebt geselecteerd.
Screenshot met kleuren 3, 4 en 5

Vond je dit artikel nuttig?

|