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.
