{"id":2835,"date":"2023-03-23T14:30:00","date_gmt":"2023-03-23T13:30:00","guid":{"rendered":"http:\/\/academy.hostnet.nl\/?p=2835"},"modified":"2023-06-15T10:01:14","modified_gmt":"2023-06-15T08:01:14","slug":"kleuren-website-kiezen","status":"publish","type":"post","link":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen","title":{"rendered":"7 tips om de beste kleuren voor je website te kiezen"},"content":{"rendered":"\n<p>De kleuren voor je website zijn meer dan alleen kleuren in het <a href=\"https:\/\/www.hostnet.nl\/academy\/wat-is-design\">design<\/a>. Het zijn een van de eerste onderdelen die bezoekers zien. Daarom is het belangrijk om het juiste kleurenpalet voor je website te kiezen. Ik ga je erbij helpen. In dit artikel vind je 7 tips om mooie kleuren voor je website te kiezen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"waarom-zijn-kleuren-belangrijk\">Waarom zijn kleuren belangrijk?<\/h2>\n\n\n\n<p>Kleuren spelen een belangrijke rol als je een sterke <a href=\"https:\/\/www.hostnet.nl\/website-maken\">website gaat maken<\/a>. Als je de juiste kleuren kiest, kan dit bijdragen aan je merkbeeld en doelstellingen. Daarnaast:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>versterken kleuren je geloofwaardigheid en betrouwbaarheid;<\/li>\n\n\n\n<li>geven kleuren een bepaalde emotie of stemming mee;<\/li>\n\n\n\n<li>voegen kleuren verhoudingen en structuur toe aan je site;<\/li>\n\n\n\n<li>helpen kleuren verschillende elementen op een pagina te onderscheiden;<\/li>\n\n\n\n<li>laten kleuren bezoekers eenvoudiger navigeren;<\/li>\n\n\n\n<li>zorgen kleuren voor een snellere aankoop of actie.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Weetje: Wist je dat mensen gemiddeld binnen 90 seconden (onbewust) een product beoordelen en dat voor <a href=\"https:\/\/edubirdie.com\/blog\/color-psychology\" target=\"_blank\" rel=\"noreferrer noopener\">85% is gebaseerd op de kleur<\/a>?<\/p>\n<\/blockquote>\n\n\n\n<div class=\"product-banner border-radius gutter-padding no-padding-top gutter-margin-bottom gutter-margin-top\">\n    <div class=\"svg-icon-text gutter-margin-top\">\n        <i class=\"svg-icon icon-large no-margin-left gutter-margin-right-half icon-stroke-blue\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M35.9 50c-.2.6-.8 1-1.4 1h-8c-.6 0-1.2-.4-1.4-1H1.6c-.3 0-.6.3-.6.6v2.8c0 .3.3.6.6.6h56.8c.3 0 .6-.3.6-.6v-2.8c0-.3-.3-.6-.6-.6H35.9z\"><\/path><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M25.1 50c.2.6.8 1 1.4 1h8c.7 0 1.2-.4 1.4-1H56V11.1C56 9.4 54.6 8 52.9 8H7.1C5.4 8 4 9.4 4 11.1V50h21.1z\"><\/path><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M36 40l12-12-12-12H24l12 12-12 12zM22 22H12m15 5H17m10 5H17m5 5H12\"><\/path><\/svg>        <\/i>\n        <span class=\"text-blue gutter-margin-right-half\">\n            Ontwikkel websites op betrouwbare en stabiele webhosting. Inclusief SSL en zakelijke e-mail.        <\/span>\n    <\/div>\n    <div class=\"button-holder gutter-margin-top\">\n        <a href=\"https:\/\/www.hostnet.nl\/webhosting#product-table-webhosting\" class=\"button\">\n            <span class=\"btn-text\">\n                Bestel nu            <\/span>\n        <\/a>\n    <\/div>\n<\/div>\n\n<script>\n    var productBanner = \"webhosting\";\n    dataLayer.push({'pageCategory': 'ac-' + productBanner});\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"de-psychologie-van-kleur\">De psychologie van kleur<\/h2>\n\n\n\n<p>Voordat ik je tips geef over het kiezen van het juiste kleurenpalet voor je website, wil ik je uitleggen wat kleuren en psychologie met elkaar te maken hebben. Kleuren kunnen namelijk emoties oproepen, zowel positieve als negatieve. Dit gebeurt op een vrijwel onbewuste manier. Hieronder lees je meer over wat kleuren oproepen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"1-rood\">1. Rood<\/h3>\n\n\n\n<p>Rood is de kleur van de liefde. Het straalt ook aandacht, gevaar, kracht, rebelsheid en opwinding uit. Daarnaast schijnt rood een hongergevoel op te wekken. Daarom zie je vaak dat restaurants en fastfoodketens de kleur rood gebruiken.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"2-oranje\">2. Oranje<\/h3>\n\n\n\n<p>Oranje staat voor vriendelijkheid, warmte, uitnodigend en enthousiasme. Ook voor succes en plezier. Daarnaast heeft oranje een hoge attentiewaarde, waardoor het een populaire kleur is voor een Call To Action-button (<a href=\"https:\/\/www.one.com\/nl\/online-marketing\/wat-is-een-cta\" target=\"_blank\" rel=\"noreferrer noopener\">CTA<\/a>). Overdrijf echter niet met oranje. Het kan ook overkomen dat je niet serieus bent. Gebruik oranje dus met mate.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"3-geel\">3. Geel<\/h3>\n\n\n\n<p>Geel en vrolijkheid zijn nauw met elkaar verbonden. Net zoals geel en plezier, zon, geluk en intelligentie. Daarentegen staat geel voor gevaar, waarschuwing en jaloezie. Het is een opvallende kleur, dus gebruik geel niet te veel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"4-groen\">4. Groen<\/h3>\n\n\n\n<p>Groen staat voor de natuur, leven, groei en duurzaamheid. Maar ook voor rust, balans en harmonie. Het is de ideale kleur als je een duurzame onderneming runt of rust wilt uitstralen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"5-blauw\">5. Blauw<\/h3>\n\n\n\n<p>Zijn professionaliteit en betrouwbaarheid de belangrijkste punten van je business? Kies dan voor blauw. Blauw staat voor vrede, vertrouwen, kalmte en rust. Het kan ook helpen om bezoekers zich beter te concentreren. De kleur zie je vaak terug bij vliegtuigmaatschappijen, banken en hotels.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"6-paars\">6. Paars<\/h3>\n\n\n\n<p>Paars betekent luxe, mysterie, spiritualiteit en creativiteit. Het is de ideale kleur als je luxe goederen verkoopt of bijvoorbeeld een webshop runt met spirituele producten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"7-roze\">7. Roze<\/h3>\n\n\n\n<p>Roze is een romantische kleur. De kleur wordt gelinkt aan liefde, warmte, zorgzaamheid en rust. In sommige culturen staat roze voor zoetheid, onschuld, kracht en energie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"8-bruin\">8. Bruin<\/h3>\n\n\n\n<p>Bruin krijgt vaak de associatie met aarden, stabiliteit en betrouwbaarheid. Of vruchtbaarheid, groei en comfort. Het is een natuurlijke kleur die kan helpen om rust te cre\u00ebren.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"9-grijs\">9. Grijs<\/h3>\n\n\n\n<p>Grijs staat voor veilig en neutraal. Of zakelijk en professioneel. Grijs is echter ook saai en somber als je de kleur te vaak gebruikt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"10-zwart\">10. Zwart<\/h3>\n\n\n\n<p>Zwart klinkt in eerste instantie als een negatieve kleur, omdat het vaak met de dood wordt geassocieerd. Dat hoeft echter niet. Zwart staat ook voor elegantie, kracht en moderniteit. Je ziet zwart vaak terug bij kledingwebshops en warenhuizen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"11-wit\">11. Wit<\/h3>\n\n\n\n<p>Wit is de kleur van eenvoud, puur en schoon. Of kalmte, vrede en harmonie. Wit is de basiskleur voor elke website, zodat andere kleuren meer opvallen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"houd-rekening-met-kleurvoorkeuren\">Houd rekening met kleurvoorkeuren<\/h2>\n\n\n\n<p>Wanneer je kleuren gaat kiezen voor je website, is het verstandig om rekening te houden met de kleurvoorkeuren van je doelgroep. Ik houd bijvoorbeeld van beige en roze. Maar iemand anders kan de voorkeur geven aan oranje en geel.<\/p>\n\n\n\n<p><a href=\"https:\/\/colors.dopely.top\/inside-colors\/why-do-we-prefer-certain-colors-colors-and-psychology\/\" target=\"_blank\" rel=\"noreferrer noopener\">Uit meerdere studies<\/a> is naar voren gekomen dat de kleurvoorkeuren afhankelijk zijn van onze leefomgeving, het weer, het hoeveelheid licht en huidige interesses. Maar ook geslacht en leeftijd laat zien welke kleuren de voorkeur hebben. Zo komt uit <a href=\"https:\/\/www.joehallock.com\/edu\/COM498\/preferences.html#favbygender\" target=\"_blank\" rel=\"noreferrer noopener\">het onderzoek van Joe Hallock<\/a> naar voren dat vrouwen liever blauw, paars en groen zien, en mannen blauw, groen en zwart. Over het algemeen vinden mensen echter blauw hun favoriete kleur. Een ander <a href=\"https:\/\/pdfs.semanticscholar.org\/82d2\/e015442770a819e5dfa05b4d044959b5aea0.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">onderzoek<\/a> laat dit ook zien op basis van leeftijd. Mensen tussen de 18 en 35 jaar geven hun voorkeur aan blauw, gevolgd door geel en paars. Mensen tussen de 50 en 70 jaar zien graag blauw en geel. Kortom, doe dus goed onderzoek naar de kleurvoorkeuren van je doelgroep.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wat-zijn-de-beste-kleuren-voor-een-website\">Wat zijn de beste kleuren voor een website?<\/h2>\n\n\n\n<p>Er is geen \u2018goed\u2019 antwoord op de vraag wat de beste kleuren zijn voor een website. De kleuren die je het best kunt kiezen, zijn namelijk afhankelijk van wat je wilt uitstralen, welk doel je wilt bereiken en de actie die bezoekers moeten uitvoeren. Hieronder vind je echter de meest voorkomende kleurencombinaties:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>blauw en wit;<\/li>\n\n\n\n<li>blauw en grijs;<\/li>\n\n\n\n<li>groen, wit en bruin;<\/li>\n\n\n\n<li>paars, wit en oranje;<\/li>\n\n\n\n<li>paars, blauw en geel;<\/li>\n\n\n\n<li>rood, oranje en geel.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"wat-is-de-meest-gebruikte-kleur-in-webshops\">Wat is de meest gebruikte kleur in webshops?<\/h2>\n\n\n\n<p>Ook op deze vraag is geen 1 antwoord te geven, omdat kleuren voor elke webshop verschillen. Veel webshops maken echter gebruik van een minimalistische kleurenschema om zo producten beter te laten opvallen. Hierbij moet je denken aan een witte achtergrond, zwarte tekst en grijze accenten.<\/p>\n\n\n\n<p>Andere webshops gebruiken juist felle kleuren om de aandacht te trekken. Of webshops spelen in op wat ze verkopen. Een webshop met outdoorspullen kan bijvoorbeeld het best gebruikmaken van kleuren uit de natuur als groen en bruin. Hiermee wordt het gevoel van avontuur opgewekt.<\/p>\n\n\n\n<section class=\"block-featured gutter-margin-bottom gutter-margin-top gutter-small-padding no-margin-left no-margin-right bg-gray-body\">\n    <div class=\"header center-content-vertically\"><i class=\"svg-icon icon-small icon-right-margin\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M19.9,8.6 C19.9,11.1592801 18.6026492,13.5380886 16.5527427,14.9956715 L15.5654263,16.7010363 C15.2887116,17.178998 14.6769255,17.342141 14.1989637,17.0654263 C13.721002,16.7887116 13.557859,16.1769255 13.8345737,15.6989637 L14.9345737,13.7989637 C15.0114009,13.6662622 15.117716,13.5530056 15.2452998,13.4679497 C16.8661977,12.3873511 17.9,10.5547015 17.9,8.6 C17.9,5.41533103 15.3110865,2.8 12.1,2.8 C8.85228475,2.8 6.3,5.35228475 6.3,8.6 C6.3,10.5861438 7.26281652,12.3102572 8.96468392,13.4746927 C9.08787677,13.5589826 9.19063707,13.6697824 9.26542629,13.7989637 L10.3654263,15.6989637 C10.642141,16.1769255 10.478998,16.7887116 10.0010363,17.0654263 C9.52307453,17.342141 8.91128841,17.178998 8.63457371,16.7010363 L7.64474819,14.9913376 C5.52872065,13.4630759 4.3,11.1882704 4.3,8.6 C4.3,4.24771525 7.74771525,0.8 12.1,0.8 C16.4202267,0.8 19.9,4.31528122 19.9,8.6 Z M10.5,23 C9.94771525,23 9.5,22.5522847 9.5,22 C9.5,21.4477153 9.94771525,21 10.5,21 L13.6,21 C14.1522847,21 14.6,21.4477153 14.6,22 C14.6,22.5522847 14.1522847,23 13.6,23 L10.5,23 Z M8.9,20.2 C8.34771525,20.2 7.9,19.7522847 7.9,19.2 C7.9,18.6477153 8.34771525,18.2 8.9,18.2 L15.2,18.2 C15.7522847,18.2 16.2,18.6477153 16.2,19.2 C16.2,19.7522847 15.7522847,20.2 15.2,20.2 L8.9,20.2 Z\"\/><\/svg><\/i><h3 class=\"title\" class=\"title\" id=\"tip\">Tip<\/h3><\/div>    <div class=\"description\">\n\n<p>Als je kleuren voor je website kiest, is het verstandig om deze kleuren voor alle communicatie-uitingen te gebruiken.<\/p>\n\n<\/div>\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"de-kleur-van-een-website-achterhalen\">De kleur van een website achterhalen<\/h2>\n\n\n\n<p>Heb je een mooie kleur op een website gezien en wil je deze voor je eigen website gebruiken? Dan zijn er verschillende manieren om de kleur te achterhalen. De meest eenvoudige manier is om naar de broncode van de site te kijken. Zo doe je dat:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ga met je muis op de kleur staan.<\/li>\n\n\n\n<li>Klik met je linkermuisknop op de kleur.<\/li>\n\n\n\n<li>Klik in het dropdown-menu op \u2018Inspecteren\u2019.<\/li>\n\n\n\n<li>Er verschijnt een box in je webbrowser met daarin de html- en css-code van de site.<\/li>\n\n\n\n<li>Zoek in de css-code naar de code die vaak \u2018color\u2019 bevat.<\/li>\n\n\n\n<li>Je hebt de kleurcode gevonden.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Wil je liever een programma gebruiken? Dan is de Chrome-extensie <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/colorzilla\/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">ColorZilla<\/a> een handige tool.<\/p>\n<\/blockquote>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-medium is-resized\"><img decoding=\"async\" src=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-code-in-css-inspecteren-671x792.jpg\" alt=\"kleuren code in css inspecteren\" class=\"wp-image-16598\" width=\"503\" height=\"594\" srcset=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-code-in-css-inspecteren-671x792.jpg 671w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-code-in-css-inspecteren-768x907.jpg 768w, https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-code-in-css-inspecteren.jpg 1120w\" sizes=\"(max-width: 503px) 100vw, 503px\" \/><figcaption class=\"wp-element-caption\">Voorbeeld van een kleurencode in css.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"kleuren-bepalen-voor-je-website-met-7-tips\">Kleuren bepalen voor je website met 7 tips<\/h2>\n\n\n\n<p>Nu je meer weet over kleuren en welk effect ze hebben, is het tijd om een kleurenschema voor je website te kiezen. Hieronder vind je 7 tips.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"1-bedenk-wat-je-als-merk-wilt-uitstralen\">1. Bedenk wat je als merk wilt uitstralen<\/h3>\n\n\n\n<p>De eerste vraag die je jezelf moet stellen is: wat wil je als merk uitstralen? Denk goed na welke boodschap je bezoekers wilt meegeven. De kleuren moeten weerspiegelen wie je bent en wat je biedt. Verkoop je edelstenen? Dan kun je het best kiezen voor paars. Ga je met een foodtruck op festivals zelfgemaakte pizza verkopen en wil je bekendheid genereren met je website? Dan is rood de beste optie. Wil je rust uitstralen? Kies dan voor blauw.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"2-kies-websitekleuren-die-elkaar-aanvullen\">2. Kies websitekleuren die elkaar aanvullen<\/h3>\n\n\n\n<p>Een andere belangrijke tip is: ga niet zomaar kleuren met elkaar combineren. De kans is groot dat de kleuren met elkaar vloeken of je straalt onrust uit. Kies daarom 2 of 3 hoofdkleuren die op elkaar aansluiten en toch genoeg contrast met elkaar hebben.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"gebruik-een-kleurentool\">Gebruik een kleurentool<\/h4>\n\n\n\n<p>De beste manier om de juiste kleuren te kiezen voor je website, is via een kleurentool. Zo\u2019n tool weet precies welke kleuren bij elkaar passen. Voorbeelden van kleurentools zijn:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/paletton.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Paletton<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mycolor.space\/\" target=\"_blank\" rel=\"noreferrer noopener\">Colorspace<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.canva.com\/colors\/color-wheel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Canva color wheel<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/color.adobe.com\/nl\/create\/color-wheel\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Color<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Coolors<\/a><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"3-less-is-more\">3. Less is more<\/h3>\n\n\n\n<p>Gebruik ook niet te veel kleuren. Less is more. Je kunt beter 2 of 3 kleuren gebruiken dan tientallen kleuren door elkaar. Vergeet niet om ook genoeg witruimte te cre\u00ebren om rust uit te stralen. Witruimte helpt je om je website evenwichtig te laten ogen. Bovendien zorgt wit ervoor dat andere belangrijke elementen juist opvallen, zoals knoppen, afbeeldingen en teksten. Daarnaast worden bezoekers met genoeg witruimte niet overweldigd door alle informatie op je website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"4-vergeet-de-afbeeldingen-niet\">4. Vergeet de afbeeldingen niet<\/h3>\n\n\n\n<p>Om van je website qua kleuren 1 geheel te maken, kun je ervoor kiezen om de afbeeldingen hierop te laten aansluiten. Je hebt ook de optie om je websitekleuren basic te houden en kleurrijke afbeeldingen te gebruiken om ze te laten opvallen. De laatste keuze kan handig zijn als je fysieke producten verkoopt in je webshop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"5-houd-teksten-neutraal\">5. Houd teksten neutraal<\/h3>\n\n\n\n<p>Je website valt of staat ook met de kleur van teksten. In de meeste gevallen kun je teksten het best zwart laten. Tenzij je een gekleurde achtergrond gebruikt en wit er beter uitspringt. Wil je links beter laten opvallen? Kies dan voor een opvallende blauwe kleur of een kleur van je basiskleuren die genoeg contrast heeft met de achtergrond.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"6-kies-de-juiste-kleur-voor-ctas\">6. Kies de juiste kleur voor CTA\u2019s<\/h3>\n\n\n\n<p>In een Call To Action, of verkoopknop, lijkt de tekst het belangrijkste te zijn. Dat is het echter niet. Het is de combinatie van tekst en kleur die de kans vergroot dat een bezoeker erop klikt.<\/p>\n\n\n\n<p>Je kunt voor een CTA-knop het best kiezen voor een complementaire kleur. Gebruik je bijvoorbeeld blauw als basiskleur? Kies dan voor geel of oranje, afhankelijk van het soort blauw. Moet een knop minder opvallen? Bijvoorbeeld een knop die leidt naar een blogartikel? Dan kun je een kleur kiezen die past bij je basiskleur.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Een groene knop zegt: \u201cHet is ok\u00e9. Maak je geen zorgen\u201d.<\/li>\n\n\n\n<li>Een rode knop zegt: \u201cKlik op mij, voordat het te laat is\u201d.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"7-houd-rekening-met-kleurenuitdagingen\">7. Houd rekening met kleurenuitdagingen<\/h3>\n\n\n\n<p>Heb je er over nagedacht dat je bezoekers een kleurenuitdaging kunnen hebben? Mensen die bijvoorbeeld deuteranopia, protanopie en tritanopie hebben, kunnen namelijk (sommige) kleuren niet goed of helemaal niet zien. Wil je deze doelgroep helpen? Kies dan niet voor kleuren die veel op elkaar lijken, zoals:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>groen en geel;<\/li>\n\n\n\n<li>rood en geel of oranje en geel;<\/li>\n\n\n\n<li>paars en blauwtinten.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" class=\"wp-block-heading\" id=\"websitekleuren-in-een-notendop\">Websitekleuren in een notendop<\/h2>\n\n\n\n<p>Je hoeft geen designer te zijn om het juiste kleurenpalet voor je website te kiezen. Het is echter wel belangrijk om vooraf op papier te zetten wie je als bedrijf bent, hoe je wilt overkomen en wat je van je doelgroep wilt. Met een goed kleurenschema van 2 of 3 kleuren, complementaire tinten en genoeg witruimte ben je goed op weg. Veel succes met het kiezen van kleuren voor je website.<\/p>\n\n\n\n<p><strong>Heb jij nog handige tips over kleuren voor je website? Laat dan een reactie achter!<\/strong><\/p>\n\n\n\n<section class=\"product-card product-card-single bg-highlight gutter-margin-bottom gutter-margin-top gutter-padding no-margin-left no-margin-right\">\n    <div class=\"box box-medium\">\n        <img decoding=\"async\" alt=\"Product\" src=\"\/\/atlas.hostnet.nl\/images\/boxes\/WH-package.svg\">            <\/div>\n    <div class=\"card-content\">\n        <h3 class=\"title h-size-21\" class=\"title h-size-21\" id=\"webhosting\">Webhosting<\/h3>\n        <div class=\"gutter-padding-bottom\">\n            <p>Ontwikkel razendsnel websites op betrouwbare en snelle webhosting. Inclusief uitgebreide features.<\/p>\n        <\/div>\n        <div class=\"usps list-style-check text-small\">\n            <ul>\n                <li>7 dagen p\/w hostingsupport<\/li>\n                        <li>Installeer in 1 klik WordPress<\/li>\n                        <li>Gratis Wildcard SSL<\/li>\n                        <li>Zakelijke e-mail<\/li>\n                        <li>Stabiel en razendsnel platform<\/li>\n                        <li>Direct opgeleverd<\/li>            <\/ul>\n        <\/div>\n        <div class=\"button-holder gutter-margin-top\">\n            <a class=\"button button-orange button-icon icon-right button-ellipsis\" href=\"https:\/\/www.hostnet.nl\/webhosting#product-table-webhosting\">\n                <i class=\"svg-icon\" aria-hidden=\"true\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-arrow-up-right\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"><\/line><polyline points=\"7 7 17 7 17 17\"><\/polyline><\/svg>\n                <\/i>\n                <span class=\"btn-text\">Naar webhosting<\/span>            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>De kleuren voor je website zijn meer dan alleen kleuren in het design. Het zijn een van de eerste onderdelen&hellip; <a class=\"more-link\" href=\"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen\">Lees verder <span class=\"screen-reader-text\">7 tips om de beste kleuren voor je website te kiezen<\/span><\/a><\/p>\n","protected":false},"author":122,"featured_media":16597,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[34],"class_list":["post-2835","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-design","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kies de juiste kleuren voor je website met deze 7 tips | Hostnet<\/title>\n<meta name=\"description\" content=\"Een website maken is meer dan wat kleuren kiezen. In dit artikel vind je 7 handige tips om het perfecte kleurenpalet te kiezen voor je site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kies de juiste kleuren voor je website met deze 7 tips | Hostnet\" \/>\n<meta property=\"og:description\" content=\"Een website maken is meer dan wat kleuren kiezen. In dit artikel vind je 7 handige tips om het perfecte kleurenpalet te kiezen voor je site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen\" \/>\n<meta property=\"og:site_name\" content=\"Hostnet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Hostnetbv\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-23T13:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-15T08:01:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"855\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lysanne Hopman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostnet\" \/>\n<meta name=\"twitter:site\" content=\"@hostnet\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lysanne Hopman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kies de juiste kleuren voor je website met deze 7 tips | Hostnet","description":"Een website maken is meer dan wat kleuren kiezen. In dit artikel vind je 7 handige tips om het perfecte kleurenpalet te kiezen voor je site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen","og_locale":"nl_NL","og_type":"article","og_title":"Kies de juiste kleuren voor je website met deze 7 tips | Hostnet","og_description":"Een website maken is meer dan wat kleuren kiezen. In dit artikel vind je 7 handige tips om het perfecte kleurenpalet te kiezen voor je site.","og_url":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen","og_site_name":"Hostnet","article_publisher":"https:\/\/www.facebook.com\/Hostnetbv\/","article_published_time":"2023-03-23T13:30:00+00:00","article_modified_time":"2023-06-15T08:01:14+00:00","og_image":[{"width":1280,"height":855,"url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg","type":"image\/jpeg"}],"author":"Lysanne Hopman","twitter_card":"summary_large_image","twitter_creator":"@hostnet","twitter_site":"@hostnet","twitter_misc":{"Geschreven door":"Lysanne Hopman","Geschatte leestijd":"9 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#article","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen"},"author":{"name":"Lysanne Hopman","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/7648cc9888b518c8f552ef2cd4e8e730"},"headline":"7 tips om de beste kleuren voor je website te kiezen","datePublished":"2023-03-23T13:30:00+00:00","dateModified":"2023-06-15T08:01:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen"},"wordCount":1747,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg","keywords":["Design"],"articleSection":["Website"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen","url":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen","name":"Kies de juiste kleuren voor je website met deze 7 tips | Hostnet","isPartOf":{"@id":"https:\/\/www.hostnet.nl\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#primaryimage"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#primaryimage"},"thumbnailUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg","datePublished":"2023-03-23T13:30:00+00:00","dateModified":"2023-06-15T08:01:14+00:00","description":"Een website maken is meer dan wat kleuren kiezen. In dit artikel vind je 7 handige tips om het perfecte kleurenpalet te kiezen voor je site.","breadcrumb":{"@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#primaryimage","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2014\/03\/kleuren-website.jpg","width":1280,"height":855,"caption":"kleuren website kiezen"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnet.nl\/academy\/kleuren-website-kiezen#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnet.nl\/academy\/"},{"@type":"ListItem","position":2,"name":"7 tips om de beste kleuren voor je website te kiezen"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnet.nl\/academy\/#website","url":"https:\/\/www.hostnet.nl\/academy\/","name":"Hostnet","description":"Haal meer uit je online succes met handige tips en tricks","publisher":{"@id":"https:\/\/www.hostnet.nl\/academy\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnet.nl\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.hostnet.nl\/academy\/#organization","name":"Hostnet","url":"https:\/\/www.hostnet.nl\/academy\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","contentUrl":"https:\/\/www.hostnet.nl\/academy\/wp-content\/uploads\/2021\/11\/Hostnet-logo2021-RGB-Leftcloud.png","width":581,"height":99,"caption":"Hostnet"},"image":{"@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Hostnetbv\/","https:\/\/x.com\/hostnet","https:\/\/www.instagram.com\/hostnetbv\/","https:\/\/nl.linkedin.com\/company\/hostnet-bv","https:\/\/nl.pinterest.com\/hostnet\/","https:\/\/www.youtube.com\/channel\/UCiMHZBSkh8FKopNquGmzgyQ"]},{"@type":"Person","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/7648cc9888b518c8f552ef2cd4e8e730","name":"Lysanne Hopman","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.hostnet.nl\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ec4049cff2def2f9cc9f0dffaa43086d15768c453550ce7623a2f549d04860b4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec4049cff2def2f9cc9f0dffaa43086d15768c453550ce7623a2f549d04860b4?s=96&d=mm&r=g","caption":"Lysanne Hopman"},"description":"Lysanne Hopman werkte tot voor kort als SEO Content Specialist bij Hostnet. Haar passie voor schrijven en SEO komt tot leven in zowel haar werk als op haar lifestyleblog.","sameAs":["https:\/\/www.linkedin.com\/in\/lysannehopman\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/2835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/users\/122"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/comments?post=2835"}],"version-history":[{"count":12,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/2835\/revisions"}],"predecessor-version":[{"id":16955,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/posts\/2835\/revisions\/16955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media\/16597"}],"wp:attachment":[{"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/media?parent=2835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/categories?post=2835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnet.nl\/academy\/wp-json\/wp\/v2\/tags?post=2835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}