Kleuren

Ook qua kleurgebruik zijn er verschillen tussen drukwerk en beeldscherm. Ook weer vanwege de grote variatie in apparaten waarmee websites bekeken worden. Apparaten die hun eigen instellingen hebben.

De RGB kleuren voor beeldschermen worden anders opgebouwd dan de CYMK kleuren voor drukwerk. Het boek Beeldtaal, geeft in hoofdstuk 10, Kleur, tekst en uitleg over kleurgebruik. Docent Frank Daalder maakt het inzichtelijk.

Veilige webkleuren

Een kleur wordt weergegeven als code. Wanneer een browser de code niet kent ‘bedenkt’ ie zelf wat het mogelijk zou kunnen zijn. Onbekende kleuren kunnen zo verschillend uitpakken bij verschillende bezoekers.

Wil je dat risico niet lopen, maak dan gebruik van de 216 veilige webkleuren, zonder dithering [Een proces waarbij tussenliggende informatie wordt berekend uit de aangrenzende zodat een geleidelijker overgang ontstaat].

‘Veilig’ betekent dat alle browsers deze RGB kleurdefenities herkennen en weergeven.
‘Websafe’ biedt helaas minder kleurkeus dan web smart en unsafe.
Hou altijd het contrast tussen voor- en achtergrond in de gaten. Niet iedereen heeft zo’n toffe monitor als de gemiddelde designer.

Hexadecimale kleurcodes

Bekijk de beroemde kleurenkaart van www.pagetutor.com.

De onderste twee ‘regels’ geven inzicht in de opbouw van de RGB codering die tegenwoordig in de meeste opmaakprogramma’s gebruikt kan worden.
De hoeveelheid licht in een beeldpixel loopt op van 0 [nul] naar f:
0-1-2-3-4-5-6-7-8-9-a-b-c-d-e-f
0 = geen licht = zwart; f = maximaal licht = wit.

De RGB-code van een kleur bestaat uit een hekje en 6 karakters.
De 1e twee karakters duiden de hoeveelheid Rood #33000 – #99000 – #ff0000.
De 2e twee karakters duiden de hoeveelheid Groen: #00aa00.
De 3e twee karakters duiden de hoeveelheid Blauw: #000099.
Alle veilige combinaties zijn in de kleurenkaart te vinden.

Welke kleuren te kiezen

Kijk eens naar dit artikel van Brandi Girl Blog. Of bezoek de CSS Zen Garden om inspiratie op te doen.

Met de digitale kleurenmeter [Mac app] kan je de code vinden van ‘n kleur die je op je beeldscherm ziet.

Kijk verder