Een nieuwe website laten maken of zelf maken, je moet eens goed nadenken hoe alles eruit moet gaan zien. Het is belangrijk om van bij de start op dezelfde golflengte te zitten. Aangezien de online aanwezigheid voor een bedrijf zeer belangrijk geworden is, wil je ook goed overkomen op het internet. Daarom is een website die mooi oogt en aangename kleuren heeft, een pluspunt voor je bezoekers of potentiële klanten.
In deze blogpost gaan we enkele kleuren opties voorleggen die jij kan gebruiken voor je huidige of nieuwe website. De juiste kleuren gebruiken is de eerste stap in de bouw van een website en het bepalen van de look and feel.

Algemene tips

 

1. Kies een website met donkere of lichtere kleuren

In de kleuren opties die je wil gebruiken zitten zeer waarschijnlijk donkere en lichtere kleuren. Een contract is nodig zodat tekst leesbaar blijft. Dat brengt ons direct bij de vraag die je jezelf stelt als je een website laat maken: kies je voor donkere of lichte kleuren? Ook al kies je voor één optie, dat wil niet zeggen dat je niet meer kan combineren.

2. Kleur keuze

In theorie kan je zelf kiezen welke kleuren je wenst te gebruiken op een website. Er is geen standaard manier om kleuren opties te kiezen. Het is echter wel aan te raden een goede balans te zoeken, zodat tekst, buttons, links en dergelijke meer goed te onderscheiden zijn. Een vijftal kleuren zijn in veel gevallen wel aan te raden.

Om je te helpen kiezen welke vijf kleuren het best bij je website zouden passen, nemen we een manier om consistent toe te passen voor de verschillende kleuren opties. Maar laat ons eerst een kijkje nemen naar enkele voorbeelden om tot een kleurenpalet te komen van vijf kleuren, volgens onze methode.

2 Achtergrond kleuren

Kies achtergrond kleuren die bij mekaar passen. Deze kleuren zullen nauw verbonden zijn om tot een mooi resultaat te komen. Er moet harmonie ontstaat tussen de kleuren.

1 Lettertype kleur

Het volgende dat je moet kiezen is een kleur voor het lettertype. Logisch gezien kies je een kleur die past bij de achtergrond kleur. Kies je een lichte kleur als achtergrond, neem dan een donkere kleur voor je lettertype en omgekeerd.

1 Link kleur

De kleur om een link aan te duiden moet er bovenuit springen. Bezoekers van je website moeten goed kunnen zien dat er een link staat. Het is een ‘call to action’ en die mag niet over het hoofd gezien worden.

1 Kleur voor de laatste details

Last but not least, kies nog een bijkomende kleur die voor ‘kleur’ zorgt op je website. Deze is dan niet zo belangrijk als de link kleur, maar zorgt er wel voor dat er balans blijft over de gehele layout van de website.

3. Zorg voor voldoende contrast

Zoals eerder vermeld is het noodzakelijk om een goed contrast te hebben tussen alle kleuren. Heb je een kleurenpalet op je website, dan zorgt het contrast ervoor dat de tekst goed gelezen kan worden. Dat is uiteindelijk het doel, zodat bezoekers je boodschap kunnen lezen.

4. Vind de juiste kleuren balans

Er zijn verschillende manieren om te bepalen hoe vaak je een bepaalde kleur wil gebruiken vanuit het kleurenpalet. Een goede kleuren balans maken is dus noodzakelijk als je je bezoekers niet wil afschrikken met een te grote mix van kleuren op je website.

Maak gebruik van meer neutrale kleuren in je kleurenpalet dan dat je gebruik maakt van andere kleuren om zaken te accentueren.

20 Kleurpalletten

Onderstaand kan je 20 voorbeelden van websites vinden. En ook de kleurencombinaties die gebruikt werden. Dit kan een leidraad zijn in je zoektocht naar de juiste kleuren voor jouw website. De look and feel zijn belangrijk in het maken van een website.

Gebruikte kleurcombinatie:

  • #EBE8E2
  • #768A95
  • #B98077
  • #007193
  • #E2D7D7

Gebruikte kleurcombinatie 2:

  • #507782
  • #7C8E93
  • #D89C79
  • #443F3C
  • #FFE8D8

Gebruikte kleurcombinatie 3:

  • #E6EBD1
  • #A59E4C
  • #544C4D
  • #AF3D4B
  • #CED3BC

Gebruikte kleurcombinatie 4:

  • #33383A
  • #ECC9C8
  • #E2566D
  • #4F575A
  • #D3D8DA

Gebruikte kleurcombinatie 5:

  • #1198EA
  • #0A5785
  • #A85A4D
  • #F1F5FA
  • #C5DFF8

Gebruikte kleurcombinatie 6:

  • #D7D7ED
  • #52517B
  • #737172
  • #FCFCFC
  • #F0F1A

Gebruikte kleurcombinatie 7:

  • #DAE2D5
  • #4B7263
  • #A8A461
  • #494949
  • #CCCCCC

Gebruikte kleurcombinatie 8:

  • #181242
  • #4ABDAC
  • #DBDBDB
  • #F7B733
  • #FCFCFC

Gebruikte kleurcombinatie 9:

  • #152038
  • #DDA199
  • #FF614C
  • #F5F5F5
  • #E2E2E2

Gebruikte kleurcombinatie 10:

  • #FFF4E8
  • #FFE2C4
  • #822317
  • #935B3B
  • #346E70

Gebruikte kleurcombinatie 11:

  • #88D317
  • #4F2649
  • #FCFCFC
  • #EFEFEF
  • #080816

Gebruikte kleurcombinatie 12:

  • #778E3B
  • #FFD902
  • #132819
  • #EFEFEF
  • #FCFCFC

Gebruikte kleurcombinatie 13:

  • #373737
  • #F3F4E8
  • #ADA075
  • #EDE4C9
  • #A685BC

Gebruikte kleurcombinatie 14:

  • #3B578E
  • #DB2323
  • #D7DEED
  • #F7F9FF
  • #201C44

Kleurcombinatie 15:

  • #C2D3DO
  • #56776A
  • #42B7A7
  • #EDEFF4
  • #26423E

Kleurcombinatie 16:

  • #984B43
  • #233237
  • #B7A97C
  • #F9F0D4
  • #527C40

Kleurcombinatie 17:

  • #D0B6D6
  • #3CC203D
  • #898989
  • #F2F2F2
  • #F9AEBD

Kleurcombinatie 18:

  • #31190A
  • #B4BCA7
  • #F99A53
  • #54468E
  • #E3EDE5

Kleurcombinatie 19:

  • #DDCF30
  • #437468
  • #F1FFD1
  • #4A4C49
  • #FCFAD9

Kleurcombinatie 20:

  • #131517
  • #13828A
  • #35363A
  • #EEF5F7
  • #AF8300

Hopelijk heb je enkele ideeën kunnen opdoen. Het is maar een eerste stap in het maken van een website, maar wel een zeer belangrijke. Kleuren samenstellen kan lastiger zijn dan het lijkt, neem daarom deze blogpost als leidraad, of neem een professional onder de arm.

Kunnen we je nog ergens mee helpen? Aarzel dan niet om contact op te nemen.

Gratis optimalisatie tips voor website en webshop.

Je bent succesvol ingeschreven