Gebruik jij de juiste kleurencombinaties?
5 regels om de beste kleuren te kiezen voor je webdesign

Gebruik van de juiste kleuren op je website is essentieel voor het succes van je online activiteiten. Je kunt maar één keer een eerste indruk maken: zorg dat ‘ie goed is!


Uit onderzoek is gebleken dat het merendeel (62-90%) van impuls-aankopen wordt gedreven enkel door perceptie van kleuren! Het is daarom van groot belang om de juiste keuzes in het gebruik van kleuren te maken. Kleuren geven een (indirecte) boodschap af aan je gebruikers, gewild of ongewild.

Weet je niet hoe je dit aan moet pakken? Lees dan dit artikel aandachtig door en gebruik deze 5 regels om de juiste kleurkeuzes te maken.

    • Zoek je basiskleur
      Goede kans dat je al een logo of zelfs al marketing bedrijft. Dan zal je ongetwijfeld een basiskleur hebben. Dit is de kleur waarmee jouw bedrijf of product wordt geassocieerd: je basiskleur. Heb je die nog niet? Scroll dan eens door deze kleuren ter inspiratie.

    • Bepaal je overige kleuren
      Als je de basiskleur hebt bepaald, is het van belang om de overige kleuren te kiezen. Dat kunnen er meer dan 1 zijn, maar hou het simpel en gebruik niet meer dan 3 extra kleuren. Welke zijn dat dan? Ook hier is het van groot belang dat je de juiste keuze maakt. Je kunt dat doen door kleurenleer toe te passen. Er zijn meer opties, maar we sommen de 4 belangrijkste op.

– Complementair

Kleuren die tegenover elkaar op het kleurenwiel staan, worden beschouwd als complementaire kleuren (bijvoorbeeld: rood en groen). Het hoge contrast van complementaire kleuren zorgt voor een levendige look. Complementaire kleuren werken met name goed als je iets wilt laten opvallen. Gebruik ze niet voor tekst.

Complementaire kleuren

– Analoog

Bij analoge kleurenschema’s worden kleuren gebruikt die naast elkaar op het kleurenwiel staan. Ze passen meestal goed bij elkaar en creëren rustige ontwerpen. Analoge kleurenschema’s komen vaak voor in de natuur en zijn harmonieus. Zorg wel voor voldoende contrast bij het kiezen van een analoog kleurenschema. Kies een dominante kleur en een tweede om deze te ondersteunen. De derde kleur wordt gebruikt (samen met zwart, wit of grijs) als accent.

Analoog

– Triade

Een triadisch kleurenschema maakt gebruik van kleuren die gelijkmatig over het kleurenwiel zijn verdeeld. Ze voelen levendig. Zorg er wel voor dat je de kleuren zorgvuldig balanceert: laat één kleur domineren en gebruik de twee andere voor accent.

Triade

– Rechthoek

Het rechthoekige kleurenschema gebruikt vier kleuren die in twee complementaire paren zijn gerangschikt. Deze rijke kleurstelling biedt volop mogelijkheden voor variatie. Het werkt het beste als je één kleur laat domineren. Let ook in je ontwerp op de balans tussen warme en koele kleuren.

Rechthoek

      • Gebruik secundaire kleuren indien nodig
        Secundaire kleuren kiezen naast je basiskleuren is soms niet eenvoudig. Gelukkig zijn daarvoor tools beschikbaar. Adobe heeft een hele goede tool. Vergeet ook niet dat je tinten van je hoofdkleuren kan gebruiken om verschillende kleurenspectra te creëren, zonder een extra kleur toe te voegen! En ook kunnen de neutrale kleuren wit, zwart en grijs, heel goed gebruikt worden om contrast te creëren.

      • Pas de gekozen kleuren toe op de juiste plekken
        Primaire kleuren
        Primaire kleuren gebruik je om de “hotspots” op je webpagina weer te geven. Je gebruikt ze om de aandacht van gebruikers te trekken en hen aan te zetten tot actie. headers, CTA-knoppen, pictogrammen, etc., dien je in primaire kleuren te plaatsen.

Secundaire kleuren
Secundaire kleuren worden gebruikt om de minder belangrijke informatie op de website weer te geven, zoals secundaire knoppen, subtitels, menu-items, achtergronden of ondersteunende inhoud.

Neutrale kleuren
Gebruik neutrale kleuren voor tekst en achtergrond, maar ook om balans te brengen in kleurrijke delen van de site.

    • Check of de gekozen kleuren werken
      Test het gekozen kleurenpalet in verschillende scenario’s. Werkt het bijvoorbeeld ook in print?

      Als je bovenstaande regels hebt doorlopen, ben je klaar om te designen! Laat ons eens weten waar jij aan denkt? Contentmanagen.nl kan je helpen om een kleurenschema op te zetten.

Director Anthony
Anthony | Director
kleuren voor webdesign


Verder lezen?

Deze artikelen vind je misschien ook interessant:

chatbot

Aan de slag met de chatbot

Je hebt goed onderzoek gedaan naar de toegevoegde waarde van chatbots voor jouw bedrijf en hebt de beslissing genomen om een chatbot te implementeren. Maar de vraag is: hoe ga je deze ontwikkelen en wat zijn de aandachtspunten? In deze blogpost nemen we je hierin mee.

Lees verder »
chat

Chatbot: To do or not to do?

We kunnen inmiddels niet meer om chatbots heen. Technologie ontwikkelt zich in rap tempo en chatbots zijn van grote waarde voor menig organisatie. Twijfel jij nog of je een chatbot moet implementeren? In dit artikel delen we handige informatie en tips.

Lees verder »