Bronnen: www.handleidinghtml.nl ; www.netadvies.nl

KLEUREN

Webkleuren worden aangegeven door een combinatie van RGB-waarden. RGB staat voor Rood, Groen en Blauw.
De kleurcode in HTML bestaat uit drie hexa-decimale getallen.
(Hexa-decimale getallenstelsel: {0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F}).

Het eerste hexadecimale getal geeft aan hoeveel rood aanwezig moet zijn, het tweede getal hoeveel groen en het derde getal hoeveel blauw.
De laagste hexadecimale waarde voor elke kleur is 00 en de hoogste waarde is FF. Met 00 is de kleur niet aanwezig en met FF is de kleur zo helder mogelijk.

In de tabel rechts staan alle mogelijke waarden voor één van de waarden R, G of B:

00 01 02 03 04 05 06 07 08 09 0A 0B 0C 0D 0E 0F
10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F
20 21 22 23 24 25 26 27 28 29 2A 2B 2C 2D 2E 2F
30 31 32 33 34 35 36 37 38 39 3A 3B 3C 3D 3E 3F
40 41 42 43 44 45 46 47 48 49 4A 4B 4C 4D 4E 4F
50 51 52 53 54 55 56 57 58 59 5A 5B 5C 5D 5E 5F
60 61 62 63 64 65 66 67 68 69 6A 6B 6C 6D 6E 6F
70 71 72 73 74 75 76 77 78 79 7A 7B 7C 7D 7E 7F
80 81 82 83 84 85 86 87 88 89 8A 8B 8C 8D 8E 8F
90 91 92 93 94 95 96 97 98 99 9A 9B 9C 9D 9E 9F
A0 A1 A2 A3 A4 A5 A6 A7 A8 A9 AA AB AC AD AE AF
B0 B1 B2 B3 B4 B5 B6 B7 B8 B9 BA BB BC BD BE BF
C0 C1 C2 C3 C4 C5 C6 C7 C8 C9 CA CB CC CD CE CF
D0 D1 D2 D3 D4 D5 D6 D7 D8 D9 DA DB DC DD DE DF
E0 E1 E2 E3 E4 E5 E6 E7 E8 E9 EA EB EC ED EE EF
F0 F1 F2 F3 F4 F5 F6 F7 F8 F9 FA FB FC FD FE FF
FF komt overeen met het decimale getal 255. Van 00 t/m 255 geeft dus 256 mogelijke waarden voor elk van de kleuren rood, groen of blauw.

Dat betekent dat er in totaal 256x256x256 = 16.777.216 kleurencombinaties mogelijk zijn.

Of elk van deze ruim 16 miljoen kleuren ook echt op het scherm van de gebruiker te zien zal zijn, hangt af van de mogelijkheden van de monitor. Hoewel de standaard de laatste jaren aanzienlijk verschoven is naar hogere resoluties, zullen de meeste gebruikers het nog moeten doen met maximaal 65.536 kleuren. Zie ook kleuren en pixels.

De combinatie 00 00 00 bevat geen enkele kleur is is dus zwart.
De combinatie FF FF FF heeft de hoogst mogelijke waarde is is wit.

Hieruit kan je concluderen dat hoe hoger de waarden zijn, hoe lichter de kleur en omgekeerd hoe lager de waarden hoe donkerder de kleur.
ALs de verhoudingen gelijk blijven, dat wil zeggen als je de RGB-waarden met hetzelfde getal verhoogt of verlaagt, dan blijft zelfs de tint-range gelijk.
Probeer hier maar een wat te experimenteren:

Dithering of de dichtsbijzijnde kleur

Helaas is het zo dat browsers nog steeds niet gestandaardiseerd zijn (zie ook lespagina over browsers).
Dat kan tot gevolg hebben dat onder andere kleuren niet worden weergegeven zoals je voor ogen had bij het maken van je site. Er zijn twee optie voor de browser als de kleur niet wordt ondersteund.
De eerste is dat de browser uit de beschikbare kleuren er een kiest, die zo dicht mogelijk bij de bedoelde kleur komt. De andere mogelijkheid is dat de browser de kleur probeert te simuleren. Dat kan door pixels te wijzigen in verschillende kleuren, welke gecombineerd de bedoelde kleur benaderen.
Dit heet dithering. In beide gevallen zal de weergave anders zijn dan bedoeld, maar met name bij dithering kan het resultaat minder geslaagd zijn.
originele kleur dichtstbijzijnde kleur na dithering

In de afbeelding links is te zien tot welk resultaat beide mogelijkheden kunnen leiden. In de bovenste rij hebben de afbeeldingen hun originele grootte, in de onderste rij zijn de afbeeldingen uitvergroot om de dithering beter te kunnen zien.

Webveilige kleuren

Als je echt niet het risico wil nemen dat een browser met je kleuren gaat rotzooien is het verstandig om voor een zogenaamde webveilige kleur te kiezen.veilig kleurenpalet. Dat is een set van 216 RGB-kleuren, welke door alle browsers op alle systemen zonder kleurwijziging of dithering kunnen worden weergegeven.

Voor iedere waarde van R, G of B kan gekozen worden uit: 00     33     66     99     CC     FF
Voor iedere RGB-waarde dus 6 mogelijkheden en dat zijn dan 6X6X6=216 kleurencombinaties.

Als het niet zo nauw luistert, zoals bijvoorbeeld deze pagina, hier maakt het niet zoveel uit als de blauwe achtergrond ietsje anders zou zijn, dan kun je kiezen uit welke kleur je maar wilt. De volgende tabel kleurentabel geeft een aantal kleuren waarvan je ook de naam mag gebruiken. PAS OP!, ook dat is een beetje browser afhankelijk. Neem voor alle zekerheid toch het nummer.