Stap 4 : Ontwaken uit de kleurenroes
?
Op een webpagina hoort kleur. Natuurlijk. Het leven
is al grijs genoeg en er kan dus geen bezwaar zijn tegen
een beetje kleur voor de afwisseling. Kleuren laten
zich met behulp van HTML-tags eenvoudig manipuleren.
Daarvoor heb je ofwel de naam van de kleur nodig, ofwel
de zogenaamde RGB-waarde.
Een beetje
techniek
RGB staat voor Rood, Geel (of Groen), Blauw. De RGB-waarde
geeft dus aan in welke verhoudingen rood, geel en blauw
gemengd zijn. Omdat voor rood, geel en blauw elk afzonderlijk
een waarde toegekend wordt die kan variëren van
0 tot en met 255 (dus 256 mogelijkheden) zijn er 256
x 256 x 256 = 16.777.216 kleuren mogelijk. Standaard
staat een computer ingesteld op het weergeven van 256
kleuren. Het besturingssysteem heeft echter zo'n 40
kleuren nodig om de schermpjes, menubalken, knoppen
e.d. te kleuren. Dat betekent dat er nog maar 216 kleuren
over zijn. Dit zijn de 216 kleuren die solide (dat wil
zeggen, zonder dithering of kleurvermenging) weergegeven
kunnen worden.
Deze 216 kleuren hebben voor de R, G en B-waarden een
beperkt aantal mogelijkheden, nl. 0, 51, 102, 153, 204
of 255. Hexadecimaal is dat 00, 33, 66, 99, CC of FF.
En dat brengt ons bij de hexadecimale weergave van kleuren.
In plaats van de naam wordt de hexadecimale waarde van
de betrokken kleur gebruikt en de pc kan dat perfect
vertalen. Voor elke R, G of B waarde zijn er dus zes
mogelijke waarden. Dit betekent dat er in totaal 6 x
6 x 6 = 216 kleuren gemaakt kunnen worden. Klik hier
voor een uitvoerige kleurentabel
met voorbeelden.
Kleuren definiëren
Hoe verwijzen we naar kleuren die in onze pagina's gebruikt
moeten worden?
| 1. |
Door de hexadecimale waarde in
te voeren
Geef de kleur aan met de tag <COLOR="#RRGGBB">
waar RRGGBB de hexadecimale waarde is voor de hoeveelheid
rood (RR), groen (GG) en blauw(BB) in de gewenste
kleur. De hexadecimale waarde van de kleur kan opgezocht
worden in de kleurentabel |
| 2. |
Door de naam van de kleur in te
voeren
Om werken met kleuren gemakkelijker te maken, werden
er kleurennamen gedefinieerd. Die namen kunnen ingevoerd
worden met de tag <COLOR="white">.
Het enige nadeel aan deze methode is dat er niet
voor iedere kleur een naam bestaat. De meest gebruikt
namen van kleuren vind je weer terug in de kleurentabel. |
| Tips
& Trucs |
| 1. |
Maak niet overdreven
gebruik van verschillende kleuren. Hou de pagina
smaakvol. |
| 2. |
Kies voor de achtergrond
liefst een heldere kleur en voor de tekst een donkere.
Dit geeft de beste leesbaarheid. Omgekeerd kan ook
: bedenk alleen dat heldere tekst op een donkere
achtergrond moeilijker leest. |
| 3. |
Een handig hulpmiddel
om de hexadecimale waarde van een kleur te weten
te komen is het programmaatje Spectroscope. Het
is een colourpicker die feilloos de gekozen kleur
omzet in de hexadecimale code ervan. Je kunt Spectroscope
hier downloaden. |
|
