Kleuren zijn erg persoonlijk. De een houdt van primaire kleuren, de ander van zachte, romantische tinten. Heb je een website, dan bepaalt het kleurgebruik van de tekst, headers en logo in combinatie met de foto’s die je gebruikt, de uitstraling van jouw bedrijf en ook je persoonlijkheid.

Mijn blog ’10 redenen waarom jouw WordPress SEO plugin niet werkt’, sluit ik af met de volgende zin:

Als je in een dienstverlenende sector werkt, is het vooral belangrijk dat mensen jou leren kennen en je een netwerk opbouwt. Mensen willen namelijk graag zaken doen met jou en niet met je website. Jouw website is echter wel een verlengstukje van jezelf, waarmee je kunt laten zien wie je bent

Een goed doordachte kleurencombinatie voor je website is daarom erg belangrijk. Want daarmee laat je ook zien wie je bent. Je kunt echter niet lukraak elke kleurencombinatie gebruiken. Een serieuze boekhouder zal bijvoorbeeld niet zo snel kiezen voor prinsessen roze en ‘Hello Kitty’ plaatjes. Maar is roze jouw favoriete kleur, dan kan dit wel heel mooi als accentkleur gebruikt worden, er zijn namelijk oneindig veel tinten roze waar je uit kunt kiezen.

een perfecte kleurencombinatie voor je website hoe doe je dat

Wat zijn jouw favoriete kleuren? Check Pinterest!

Een eenvoudige manier om erachter te komen wat jouw favoriete kleuren zijn, is om een moodboard te creëren op Pinterest. Heb je een Pinterest account en pin je vaak? Top! Jouw Pinterest boards geven je namelijk een mooi inzicht in waar je van houdt. Ik heb één board genaamd ‘Love’. Op deze board pin ik afbeeldingen van dingen die ik mooi vind – née waar ik van hou … Zo ben ik erachter gekomen dat mijn visuele voorkeur neigt naar aardse kleuren, blauw- en groentinten en oud roze ‘et voilà’, deze kleuren heb ik ook gebruikt voor mijn website.

Handige kleurencombinatie tools

De onderstaande tools zijn ideaal om de juiste kleurencombinatie te kiezen voor jouw website. In HTML worden kleuren aangeduid met een hex code. Bijvoorbeeld:

  • Wit: #ffffff
  • Zwart: #000000
  • Grijs: #999999
  • Enzovoort …

Sommige WordPress themes bieden je de optie om de website kleuren aan te passen onder de ‘appearance’ settings van de theme via ‘weergave/theme options’ (appearance/theme options) of ‘weergave/aanpassen’ (appearance/customize). Log in op je WordPress website om te kijken of je de websitekleuren op deze wijze kunt aanpassen (tip, het is wel een goed idee om de oorspronkelijke kleuren codes te noteren, zodat je deze weer kunt ‘terugzetten’, mocht de nieuwe kleurencombinatie je niet aanstaan.

Paletton.com

Paletton.com is mijn favoriete ‘go to’ als het om kleurencombinaties bepalen gaat. Type de hex kleurencode in van jouw gekozen kleur in het vakje ‘Base RGB’. In de vijf cirkeltjes boven het kleurwiel kun je dan verschillende kleurencombinaties ontdekken. In dezelfde tint of contrasterende (maar complimenterende) tinten.

The Combo Library

In de Combo Library kun je verschillende website kleurencombinaties vinden die je kunt gebruiken. Je kunt ook een hex kleur invullen in een zoekvenster en kleurencombinaties voorgesteld krijgen die bij de kleur passen.

ColorPick Eyedropper

De ColorPick Eyedropper is een Chrome extentie. Wanneer je deze installeert, wordt de app toegevoegd aan de Chrome browser. Zie je een mooie kleur, dan kan je deze selecteren met de ‘eye dropper’ om de hex code te krijgen. Bijvoorbeeld, de kleur van mijn Virtual Efficiency logo is #6AA299. Handig om te weten!

Adobe Color CC

Adobe Color CC is eveneens een handige website met prachtige voorbeelden van kleurencombinaties.

Colors From Image

Via Colors From Image (beta) kan je een foto uploaden en via de color picker kleuren kiezen. Heb je een foto of afbeelding die je erg mooi vind en waarvan de kleuren je enorm aanspreken, dan kan je met de color picker eenvoudig kleuren uit de foto kiezen om tot een mooie combinatie te komen.

Ik hoop dat deze tips je geïnspireerd hebben om eens met kleuren aan de slag te gaan.

Hartelijke groet,
Daniëlle Molenaar

Meer over kleurgebruik lees je hier:

The Psychology of Color: How to Use Colors to Increase Conversion Rate

 , , , ,