Kleuren cirkel geel oranje rood violet blauw groen geel. Kleuren kiezen voor je website

kleuren kiezen voor je website

Kleuren cirkel geel oranje rood violet blauw groen geel. Kleuren kiezen voor je website

Kleuren kiezen voor je website. Hoe doe je dat?

Om je website mooi te maken wil je de juiste kleuren kiezen voor je website. Maar hoe doe je dat nou?

Om je een klein beetje op weg te helpen vertel ik je in dit artikel meer over kleuren en hoe deze gebruikt kunnen worden bij het maken van een website.

Allereerst laat ik je zien hoe de kleuren worden ingedeeld en welke kleurmodellen er worden gebruikt.

Omdat er een verschil is tussen het gebruik van kleur op bijvoorbeeld drukwerk en een beeldscherm leg ik uit wat de verschillende kleurmodellen betekenen en welke je het beste kunt gebruiken.

Maar laten we eerst beginnen met de basis. Kleuren kun je verdelen in 3 groepen. 

Basis kleuren

De basis kleuren zijn rood geel en blauw.

Secundaire kleuren

De kleuren die we met de basiskleuren kunnen maken door ze te mengen noemen we de secundaire kleuren.

Tertiaire kleuren

De tertiaire kleuren zijn de kleuren die vanuit de secundaire kleuren kunnen worden gemengd.

Kleurmodellen

Een kleurmodel beschrijft de kleuren die we waarnemen en de wijze waarop gebruik gemaakt word van kleur bij het werken aan digitale afbeeldingen.

Een kleurmodel vertegenwoordigt een methode voor het beschrijven van kleur. Dit is meestal nummeriek. 

RGB

RGB bouwt kleuren op door middel van het optellen van golflengten van licht.

Het model kent 3 golflengten. Deze worden ook wel kanalen genoemd. red(rood), green(groen) en blue(blauw). 

De kanalen kunnen een waarde krijgen tussen 0 en 255. Hoe dichter het getal bij de 255 komt hoe lichter de kleur word. Hoe dichter bij de 0 hoe donkerder de kleur word.

Een waarde van 0.0.0. is dus de kleur zwart en een waarde van 255,255,255 is de kleur wit.

Als alle drie de waarden hetzelfde zijn krijgen we grijstonen. De waarde 255.0 geeft puur rood, de waarde 0.255.0. geeft puur groen en de waarde 0.0.255 geeft puur blauw.

CYMK

CYMK telt de waarden op (denk hierbij aan het mengen van verf). Het kleurenpalet van CYMK bevat minder kleuren dan het kleurenpalet van RGB.

Het kleurmodel CMYK word in de drukwereld gebruikt. Het kleur model gaat uit van 4 kleurkanalen: Cyan(Cyaan), Magenta (magenta), Yellow (geel) en Key oftewel blacK(zwart). 

De kleuren worden door middel van percentages aangeduid. 

 

Kleurencirkel rgb kleuren
Kleurencirkel CMYK
Basis hexadecimale kleuren

Welk kleurmodel gebruik je voor een website?

Doordat websites op een scherm worden weergegeven zou je denken dat je gebruik moet maken van het RGB kleurenmodel. Maar er bestaat nog een kleurmodel en deze word vaker gebruikt voor het maken websites.

Hexadecimale getallen

Kleuren die je kiest voor een website worden beschreven in hexadecimale getallen.

Deze hexadecimale getallen kunnen geconverteerd worden naar RGB. 

Een hexadecimaal getal bestaat uit een # teken met daarachter drie setjes van elk twee karakters. Dit kunnen letters of cijfers zijn. de karakters geven de waarden aan voor de R, G en B.

Het hexadecimale stelsel bestaat uit 16 cijfers. Om die reden zijn de 10 cijfers die we normaal gebruiken met tellen uitgebreid met 6 letters. A=10, B=11, C=12, D=13, E=14, F=15. Het web-geoptimaliseerd palet bestaat uit 216 kleuren. Deze kleuren bestaan uit combinaties 00, 33, 66, 99, CC en FF. 

Om niet altijd alle kleuren te hoeven berekenen uit het hoofd kun je gebruik maken van verschillende schema’s. Kijk ook eens op color-hex.com als je meer wil weten over hexadecimale getallen. Je kan ook rechtsreeks een kleur uitkiezen waarna je gelijk het hexadecimale getal te zien krijgt.

Waarop nog meer letten bij het kleuren kiezen voor je website

Bij het uitkiezen van kleuren is het verder belangrijk dat alles goed leesbaar is. Zorg dus voor voldoende contrast tussen donkere en lichte kleuren.

Zorg er ook voor dat je niet te veel kleuren gebruikt. Anders zou het te druk kunnen worden. Meestal probeer ik tussen de 3 en 5 kleuren uit te kiezen die ik ga gebruiken. 

Ook kun je nog even kijken welk gevoel een bepaalde kleur opwekt. 

afwisselen kleuren. licht op donker. donker op licht

hulp bij het kleuren kiezen voor je website

Wil je hulp bij het kiezen van je kleuren voor je website dan wil ik je graag helpen. Neem dan even contact op via het contactformulier en ik neem zo spoedig mogelijk contact met je op.

Vergelijkbare berichten

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *