Klik hier voor de inhoudsopgave

HTML op het net - Printversie - Kleuren
Originele URL: http://html.op-het.net/tekst/kleuren.html

Inleiding

Het is van groot belang om de kleuren die gebruikt worden zorgvuldig uit te kiezen. Alle kleuren moeten bij elkaar passen, de tekst moet goed leesbaar zijn, het geheel moet niet te schreeuwerig worden, en zo zijn er nog wel een paar dingen te noemen.

Kleurgebruik

Een manier om een kleur te beschrijven is de RGB-waarde. 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. Omdat niet elke computer zo ingesteld staat dat er ook tegelijkertijd 16,7 miljoen kleuren op het scherm weergegeven kunnen worden, moet de computer gaan mixen ("dithering"). De computer neemt dan de dichtsbijzijnde kleur en zet er een paar puntjes van een andere kleur doorheen zodat de kleur op het scherm lijkt op de bedoelde kleur. In de praktijk ziet dit er echter niet mooi uit.
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 die extra puntjes erdoorheen) weergegeven worden.
Deze 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. Voor elke R, G of B waarde zijn er zes mogelijke waarden. Dit betekent dat er in totaal 6 x 6 x 6 = 216 kleuren gemaakt kunnen worden.
Tegenwoordig kunnen de meeste beeldschermen minstens 65.000 kleuren tegelijkertijd weergeven, dus is de kleurkeuze van minder belang. Wil je echter dat je pagina er op elke computer goed uit ziet, dan moet je hiermee rekening houden met de kleurkeuze.

Kleurentabel

Onderstaande kleurentabel geeft een overzicht van de kleurnamen met bijbehorende rgb-waarde en een voorbeeld. Het maakt niet uit hoe de kleur gespecificeerd wordt: color="#F0F8FF" is hetzelfde als color="AliceBlue".

KleurRG BVoorbld KleurRG BVoorbld
aliceblueF0F8FF antiquewhiteFAEBD7 
aqua00FFFF aquamarine7FFFD4 
azureF0FFFF beigeF5F5DC 
bisqueFFE4C4 black000000 
blanchedalmondFFEBCD blue0000FF 
blueviolet8A2BE2 brownA52A2A 
burlywoodDEB887 cadetblue5F9EA0 
chartreuse7FFF00 chocolateD2691E 
coralFF7F50 cornflowerblue6495ED 
cornsilkFFF8DC crimsonDC143C 
cyan00FFFF darkblue00008B 
darkcyan008B8B darkgoldenrodB8860B 
darkgrayA9A9A9 darkgreen006400 
darkkhakiBDB76B darkmagenta8B008B 
darkolivegreen556B2F darkorangeFF8C00 
darkorchid9932CC darkred8B0000 
darksalmonE9967A darkseagreen8FBC8F 
darkslateblue483D8B darkslategray2F4F4F 
darkturquoise00CED1 darkviolet9400D3 
deeppinkFF1493 deepskyblue00BFFF 
dimgray696969 dodgerblue1E90FF 
firebrickB22222 floralwhiteFFFAF0 
forestgreen228B22 fuchsiaFF00FF 
gainsboroDCDCDC ghostwhiteF8F8FF 
goldFFD700 goldenrodDAA520 
gray808080 green008000 
greenyellowADFF2F honeydewF0FFF0 
hotpinkFF69B4 indianredCD5C5C 
indigo4B0082 ivoryFFFFF0 
khakiF0E68C lavenderE6E6FA 
lavenderblushFFF0F5 lawngreen7CFC00 
lemonchiffonFFFACD lightblueADD8E6 
lightcoralF08080 lightcyanE0FFFF 
lightgoldenrodyellowFAFAD2 lightgreen90EE90 
lightgreyD3D3D3 lightpinkFFB6C1 
lightsalmonFFA07A lightseagreen20B2AA 
lightskyblue87CEFA lightslategray778899 
lightsteelblueB0C4DE lightyellowFFFFE0 
lime00FF00 limegreen32CD32 
linenFAF0E6 magentaFF00FF 
maroon800000 mediumaquamarine66CDAA 
mediumblue0000CD mediumorchidBA55D3 
mediumpurple9370DB mediumseagreen3CB371 
mediumslateblue7B68EE mediumspringgreen00FA9A 
mediumturquoise48D1CC mediumvioletredC71585 
midnightblue191970 mintcreamF5FFFA 
mistyroseFFE4E1 moccasinFFE4B5 
navajowhiteFFDEAD navy000080 
oldlaceFDF5E6 olive808000 
olivedrab6B8E23 orangeFFA500 
orangeredFF4500 orchidDA70D6 
palegoldenrodEEE8AA palegreen98FB98 
paleturquoiseAFEEEE palevioletredDB7093 
papayawhipFFEFD5 peachpuffFFDAB9 
peruCD853F pinkFFC0CB 
plumDDA0DD powderblueB0E0E6 
purple800080 redFF0000 
rosybrownBC8F8F royalblue4169E1 
saddlebrown8B4513 salmonFA8072 
sandybrownF4A460 seagreen2E8B57 
seashellFFF5EE siennaA0522D 
silverC0C0C0 skyblue87CEEB 
slateblue6A5ACD slategray708090 
snowFFFAFA springgreen00FF7F 
steelblue4682B4 tanD2B48C 
teal008080 thistleD8BFD8 
tomatoFF6347 turquoise40E0D0 
violetEE82EE wheatF5DEB3 
whiteFFFFFF whitesmokeF5F5F5 
yellowFFFF00 yellowgreen9ACD32 

Laatste wijziging: 28-09-2002 - Copyright © 1996-2000 Bas Jansen (www.basjansen.com) - URL: http://html.op-het.net/printen/kleuren.html