In dit artikel leggen we je uit hoe je de kleuren kan aanpassen van de website. 

De kleuren die worden gebruikt op de website, worden aangemaakt in het thema. 
 

1. Ga naar de knop Thema die bovenaan de pagina staat.
2. Er opent zich nu een vlak links waar het thema staat. 
3. Hier kan je op verschillende manieren kleuren aanpassen op de website.

Kleuren 
Bij het onderdeel kleuren vul je de kleuren in van de website. De kleuren worden opgedeeld in vier hoofdkleuren, dit 'palet' zal gebruikt worden op de website. Bij Link vul je de kleur in die wordt gegeven aan de linkjes in de website. 

De kleuren moeten in HEX-kleurcodes worden ingevoerd of worden uitgekozen uit een kleurenwiel. Je hebt verschillende kleursoorten, wanneer je drukkleuren (CYMK en PMS) op je website gebruikt, dan kan dit rare kleuren opleveren. Heb je alleen een RGB code? Gebruik dan deze website om deze om te zetten naar een HEX-kleurcode. Klik hier voor meer informatie over HEX-kleurcodes. 

Gebruik niet te veel verschillende kleuren, dit maakt de website druk en niet aantrekkelijk om te bekijken. Inspiratie nodig voor een mooi kleurpalet, upload dan je logo in een kleurenwiel.

Je kan de kleuren ook uit je logo halen. Gebruik dan de website van Adobe om de kleuren uit je logo te halen. Deze kleuren komen er in HEX-codes uit. Vergeet niet de # ook mee te nemen naar het thema.

Wanneer je de kleuren hebt gewijzigd en op Opslaan klikt (onderaan het Thema) worden de wijzigingen direct op de gehele website doorgevoerd.
Het is niet mogelijk om terug te gaan naar een eerdere setting.
Om de wijzigingen te zien, is het raadzaam de website opnieuw te laden.
 

Menu- en Footerkleuren
 

Het openen van de Menu Kleuren en de Footer kleuren gaat ook via het Menu. Klik op Tonen om de elementen aan te passen.
 

De kleur die wordt ingevuld bij Menu achtergrond kleur is de kleur van de balk achter het menu. De kleur bij Menu link wordt gebruikt in het menu voor de tekst van het menu. Bij Topbalk achtergrond kan er een kleur worden gegeven aan de bovenste balk op de website. 

Klik op de kleur in het vierkantje om via een kleurenwiel een andere kleur te kiezen. Het is mogelijk om 1 van de standaard kleuren te kiezen, die je hebt ingesteld bij de Kleuren. De standaard kleuren staan onder het kleurenwiel in rechthoekjes. Zo hoef je geen kleurcodes te onthouden en oogt je website rustig!


Het is ook mogelijk om via een HEXcode de kleur in te vullen.

Wanneer je de kleuren hebt gewijzigd en op Opslaan klikt (onderaan het Thema) worden de wijzigingen direct op de gehele website doorgevoerd.
Het is niet mogelijk om terug te gaan naar een eerdere setting.
Om de wijzigingen te zien, is het raadzaam de website opnieuw te laden.

Contrast

Natuurlijk zou je je website het liefst zoveel mogelijk onderdompelen in de kleuren van je huisstijl. Zo ook de tekst. Maar niet alle kleurcombinaties zijn hiervoor geschikt. Ook hier geldt weer: leesbaarheid boven alles. Er moet genoeg contrast zijn om de ene kleur van de andere te kunnen onderscheiden. Klinkt makkelijk, maar blijkt in de praktijk toch moeilijker dan gedacht. Denk bijvoorbeeld eens aan je mobiele telefoon. De kans is groot dat de bezoeker heeft ingesteld dat de lichtsterkte van je scherm zich aanpast aan de lichtomstandigheden. En denk ook eens aan de oranje gloed als de avondstand aanstaat. Wil je er zeker van zijn dat het contrast bijna altijd goed is? Kies dan voor zwarte tekst op een witte achtergrond. Verder zijn er diverse online tools om het contrast van twee kleuren te controleren. Hierbij krijg je direct uitsluitsel of het contrast optimaal is.

Bekijk ook een de contrast checker. 

Voorbeeld van contrast verschillen, de tekst in het geel is minder goed leesbaar: